up

src/views/dash/compoents/agency.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="full-width flex flex-col">
     <div class="bold font-16 full-width text-left">{{ title }}</div>
-    <el-empty class="padding-bottom" description="暂无数据"></el-empty>
+    <el-empty description="暂无数据"></el-empty>
   </div>
 </template>
 

src/views/dash/compoents/read.vue

@@ -5,17 +5,12 @@
       <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 4"
+          v-for="item in data"
         >
           <div>
-            <img
-              src="../../../assets/img/code.png"
-              style="width: 50px; height: 120px"
-            />
-          </div>
-          <div class="bold padding">
-            文章标题文章标题文章标题文章标题文章标题文章标题文章标题
+            <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>
@@ -50,7 +45,7 @@ export default {
     getList() {
       this.$api.dash.mpList().then(res => {
         if (res.code === 200) {
-          console.log(res)
+          this.data = res.data[0].content
         } else {
           console.log(res)
         }

src/views/dash/index.vue

@@ -18,7 +18,7 @@
       <el-card
         :shadow="hover"
         class="flex-child-average mt-20"
-        style="height: 300px"
+        style="height: 350px"
       >
         <agency :type="1" />
       </el-card>
@@ -26,14 +26,14 @@
       <el-card
         :shadow="hover"
         class="flex-child-average mt-20"
-        style="height: 300px"
+        style="height: 350px"
       >
         <agency :type="2" />
       </el-card>
     </div>
-    <!--    <el-card :shadow="hover" class="mt-20">-->
-    <!--      <read />-->
-    <!--    </el-card>-->
+    <el-card :shadow="hover" class="mt-20">
+      <read />
+    </el-card>
   </div>
 </template>