<template>
  <div class="materian-details">
    <el-row class="detail-top">
      <el-col :span="24">
        <div class="detail-title">
          <span>
            <img src="./../../../assets/images/picture.png">
            <span class="title">素材详情</span>
            <span class="gray">
              <span class="star-red">*</span>
              素材数据采集自微信公众号平台，详见
              <a href="https://mp.weixin.qq.com/wiki?t=resource/res_main&id=mp1421141084">
                图文分析数据接口</a>
            </span>
          </span>
        </div>
      </el-col>
    </el-row>
    <material-info></material-info>
    <material-chart></material-chart>
  </div>
</template>
<script>
import MaterialInfo from './MaterialInfo'
import MaterialChart from './MaterialChart'

export default {
  components: {
    MaterialInfo,
    MaterialChart
  }
}
</script>

<style lang="stylus" scoped>
.materian-details
  background-color #fff
  .detail-top
    height 60px
    line-height 60px
    background-color #fff
    padding-left 15px
    margin-top 10px
    .detail-title
      img
        width 30px
        height 30px
</style>
