<template>
  <div class="detail-info">
    <el-row>
      <el-col :span="6">
        <div class="detail-left">
          <img src="./../../../assets/images/img2.png" class="info-img">
        </div>
      </el-col>
      <el-col :span="18">
        <material-text :datalist="datalist"></material-text>
      </el-col>
    </el-row>
  </div>
</template>
<script>
import MaterialText from './MaterialText'
export default {
  data () {
    return {
      datalist: []
    }
  },
  components: {
    MaterialText
  },
  created () {
    this.GetMaterianDatail()
  },
  methods: {
    GetMaterianDatail () {
      this.axios.get('http://rap2api.taobao.org/app/mock/115626/getMaterialDetails').then(res => {
        this.datalist = res.data.datalist[0]
      })
    }
  }
}
</script>
<style lang="stylus" scoped>
.detail-info
  .detail-left
    margin-right 10px
    .info-img
      width 100%
      height 100%
</style>
