瀏覽代碼

添加列表默认显示图

asd123a20 2 年之前
父節點
當前提交
c713553b6d
共有 3 個文件被更改,包括 8 次插入4 次删除
  1. 二進制
      src/assets/newimg.jpg
  2. 4 2
      src/components/list/index.vue
  3. 4 2
      src/views/list.vue

二進制
src/assets/newimg.jpg


+ 4 - 2
src/components/list/index.vue

@@ -11,7 +11,8 @@
     <el-tabs v-model="activeName" :type="tabsType" @tab-click="handleClick" :class="{ borderCard: tabsType == 'border-card' }">
       <el-tab-pane v-for="(item, index) in tabsList" :key="index" :label="item.title" :name="item.code">
         <div class="isimg" v-if="isImg" @click="itemClick(item)">
-          <el-image class="isimg-img" :src="items.item && items.item.thumbnail"></el-image>
+          <el-image class="isimg-img" v-if="items.item && items.item.thumbnail" :src="items.item && items.item.thumbnail"></el-image>
+          <el-image class="isimg-img" v-else :src="thumbnail"></el-image>
           <div class="isimg-text">
             <h4 class="isimg-title">{{ items.item && items.item.title }}</h4>
             <div class="isimg-describe">{{ items.item && items.item.describe }}</div>
@@ -64,7 +65,8 @@ export default {
       // 当前选项名
       activeName: null,
       icon: require('../../assets/jh.png'),
-      code: null
+      code: null,
+      thumbnail: require('../../assets/newimg.jpg')
     };
   },
   mounted() {

+ 4 - 2
src/views/list.vue

@@ -7,7 +7,8 @@
       </div>
       <div class="listBoxRight"  v-if="listTotal > 0">
         <el-card class="listBox" v-for="(item, index) in contentList" :key="index">
-          <el-image :src="item.thumbnail" class="listimg" @click="newClick(item)"></el-image>
+          <el-image v-if="item && item.thumbnail" :src="item.thumbnail" class="listimg" @click="newClick(item)"></el-image>
+          <el-image v-else :src="thumbnail" class="listimg" @click="newClick(item)"></el-image>
           <div class="text">
             <h2 class="title" @click="newClick(item)">{{ item.title }}</h2>
             <span class="describe">{{ item.describe }}</span>
@@ -42,7 +43,8 @@ export default {
       code: null,
       pageSize: 10,
       parentCode: null,
-      menu: {}
+      menu: {},
+      thumbnail: require('../assets/newimg.jpg')
     };
   },
   async mounted() {