<template>
  <div class="flex flex-col full-width mb-20">
    <div class="full-width text-left bold font-16">今日学习</div>
    <div class="flex flex-center">
      <div class="flex flex-center ml-10" style="flex: 5">
        <div
          class="flex flex-col flex-center border radius box-shadow mr-15 mt-15"
          v-for="item in data"
        >
          <div>
            <img :src="item.thumb_url" style="width: 50px; height: 120px" />
          </div>
          <div class="bold padding">{{ item.author }}</div>
          <div class="lines-2 lines-height-15 grey-9 padding">
            文章内容文章内容文章内容文章内容文章内容文章内容
          </div>
        </div>
      </div>

      <div class="flex flex-center flex-col" style="flex: 1">
        <img
          src="https://wutong-1302848345.cos.ap-chengdu.myqcloud.com/wtzx/4a721f77f9c24f55bacfe032b8060ba8.jpg"
          style="width: 180px; height: 180px"
        />
        <span class="mt-10 font-13"
          >微信扫描关注公众号<br />及时掌握更多资讯</span
        >
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: 'read',
  data() {
    return {
      data: []
    }
  },
  created() {
    this.getList()
  },
  methods: {
    getList() {
      this.$api.dash.mpList().then(res => {
        if (res.code === 200) {
          // this.data = res.data[0].content
        } else {
          console.log(res)
        }
      })
    }
  }
}
</script>

<style scoped></style>
