bug修复

src/main/resources/static/css/activity/activityTopic.css

@@ -70,22 +70,22 @@ a:hover{color:#333}
 .article-template.floor-grid-2 .floor-item .floor-item-cover img{width:100%;height:100%}
 .article-template.floor-grid-2 .floor-item .floor-item-text{width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;padding:16px}
 .article-template.floor-grid-2 .floor-item .floor-item-text h2{position:relative;font-size:18px;font-weight:normal;margin-bottom:16px;height: 24px;padding-left: 16px;margin-left: -16px;}
-.article-template.floor-grid-2 .floor-item .floor-item-text h2::after{top:0;left:0;content:'';position:absolute;display:block;height:24px;width:2px;background:#e15616;opacity:0}
+.article-template.floor-grid-2 .floor-item .floor-item-text h2::after{top:3px;left:0;content:'';position:absolute;display:block;height:18px;width:2px;background:#e15616;opacity:0}
 .article-template.floor-grid-2 .floor-item .floor-item-text p{color:#888;font-size:14px;height:50px;line-height:25px;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;text-align:justify}
 .article-template.floor-grid-3 .floor-item{width:284px;height:278.08333px;margin-top:16px;margin-right:16px;background:#fff}
 .article-template.floor-grid-3 .floor-item .floor-item-cover{width:284px;height:162.70833px}
 .article-template.floor-grid-3 .floor-item .floor-item-cover img{width:100%;height:100%}
 .article-template.floor-grid-3 .floor-item .floor-item-text{width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;padding:16px}
-.article-template.floor-grid-3 .floor-item .floor-item-text h2{position:relative;font-size:18px;font-weight:normal;margin-bottom:16px}
-.article-template.floor-grid-3 .floor-item .floor-item-text h2::after{top:0;left:-16px;content:'';position:absolute;display:block;height:24px;width:2px;background:#e15616;opacity:0}
+.article-template.floor-grid-3 .floor-item .floor-item-text h2{position:relative;font-size:18px;font-weight:normal;margin-bottom:16px;height: 24px;padding-left: 16px;margin-left: -16px;}
+.article-template.floor-grid-3 .floor-item .floor-item-text h2::after{top:3px;left:0;content:'';position:absolute;display:block;height:18px;width:2px;background:#e15616;opacity:0}
 .article-template.floor-grid-3 .floor-item .floor-item-text p{color:#888;font-size:14px;line-height:25px;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;text-align:justify}
 .article-template.floor-grid-4 .floor-item{width:284px;height:278.08333px;margin-top:16px;margin-right:16px;background:#fff;float:left}
 .article-template.floor-grid-4 .floor-item:nth-child(3n){margin-right:0}
 .article-template.floor-grid-4 .floor-item .floor-item-cover{width:284px;height:162.70833px}
 .article-template.floor-grid-4 .floor-item .floor-item-cover img{width:100%;height:100%}
 .article-template.floor-grid-4 .floor-item .floor-item-text{width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;padding:16px}
-.article-template.floor-grid-4 .floor-item .floor-item-text h2{position:relative;font-size:18px;font-weight:normal;margin-bottom:16px;height: 24px;}
-.article-template.floor-grid-4 .floor-item .floor-item-text h2::after{top:0;left:-16px;content:'';position:absolute;display:block;height:24px;width:2px;background:#e15616;opacity:0}
+.article-template.floor-grid-4 .floor-item .floor-item-text h2{position:relative;font-size:18px;font-weight:normal;margin-bottom:16px;height: 24px;padding-left: 16px;margin-left: -16px;}
+.article-template.floor-grid-4 .floor-item .floor-item-text h2::after{top:3px;left:0;content:'';position:absolute;display:block;height:18px;width:2px;background:#e15616;opacity:0}
 .article-template.floor-grid-4 .floor-item .floor-item-text p{color:#888;font-size:14px;line-height:25px;height:50px;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;text-align:justify}
 .product-template .floor-main{padding-bottom:10px}
 .product-template .floor-item-ad{position:relative;display:block;float:left;margin:16px 16px 0 0}

src/main/resources/static/js/activity/activityTopic.js

@@ -100,7 +100,6 @@ var activity = new Vue({
                         _self.listLoading = false;
                         _self.initSwiper();
                     });
-                    console.log(_self.floorList);
                 } else {
                     CAIMEI.Alert(res.msg, '确定');
                 }

src/main/resources/templates/activity/activityTopic.html

@@ -27,7 +27,7 @@
         </a>
     </div>
       <!-- 模板1 -->
-    <div class="floor-template">
+    <div class="floor-template" v-if="!listLoading">
       <div class="inner">
         <div class="right-box"></div>
         <div class="left-box">
@@ -62,7 +62,7 @@
                 <div class="swiper-slide no-swiping" v-for="list in temp.floorImageList" :key="list.id">
                   <template v-for="item in list" :key="item.id">
                     <a :href="item.link!==''? item.link : 'javascript:void(0)'" class="floor-item">
-                        <img :src="item.image" alt="item.name" v-if="isPc">
+                      <img :src="item.image" alt="item.name" v-if="isPc">
                       <img :src="item.adsImage" alt="item.name" v-else>
                     </a>
                   </template>