fix 素材展示页面的嵌套bug

src/pages/marketingCenter/components/MarketingTab/MaterialInfo.vue

@@ -4,27 +4,40 @@
       <el-col :span="6">
         <div class="detail-left">
           <div class="fl">
-        <span v-if="global.mediaList&&global.mediaList.content.news_item.length===1" v-for="(art,index) in global.mediaList.content.news_item" :key="index">
-          <div>
-            <p style="white-space:normal;
+            <span
+              v-if="global.mediaList && global.mediaList.content && global.mediaList.content.news_item &&global.mediaList.content.news_item.length===1"
+            >
+              <div v-for="(art,index) in global.mediaList.content.news_item" :key="index">
+                <p
+                  style="white-space:normal;
                     word-break:break-all;
-                    word-wrap:break-word;padding:15px 0 0 15px">{{art.title}}</p>
-            <img :src="art.thumb_url" style="width:220px;height:120px;margin:15px 10px">
+                    word-wrap:break-word;padding:15px 0 0 15px"
+                >{{art.title}}</p>
+                <img :src="art.thumb_url" style="width:220px;height:120px;margin:15px 10px">
+              </div>
+            </span>
+            <span
+              v-if="global.mediaList && global.mediaList.content && global.mediaList.content.news_item &&global.mediaList.content.news_item.length===2"
+            >
+              <div v-for="(art,index) in global.mediaList.content.news_item" :key="index">
+                <p>{{art.title}}</p>
+                <img :src="art.thumb_url">
+              </div>
+            </span>
+            <span
+              v-if="global.mediaList && global.mediaList.content && global.mediaList.content.news_item &&global.mediaList.content.news_item.length>2"
+              class="three-item"
+            >
+              <div
+                class="dv clear"
+                v-for="(art,index) in global.mediaList.content.news_item"
+                :key="index"
+              >
+                <p>{{art.title}}</p>
+                <img :src="art.thumb_url">
+              </div>
+            </span>
           </div>
-        </span>
-        <span v-if="global.mediaList&&global.mediaList.content.news_item.length===2"  v-for="(art,index) in global.mediaList.content.news_item" :key="index">
-         <div>
-            <p>{{art.title}}</p>
-            <img :src="art.thumb_url">
-         </div>
-        </span>
-        <span v-if="global.mediaList&&global.mediaList.content.news_item.length>2"  v-for="(art,index) in global.mediaList.content.news_item" :key="index" class="three-item">
-          <div class="dv clear">
-            <p>{{art.title}}</p>
-            <img :src="art.thumb_url">
-          </div>
-        </span>
-      </div>
           <!-- <img :src="materianImg" class="info-img"> -->
         </div>
       </el-col>