|
|
@@ -51,9 +51,8 @@
|
|
|
<div class="wrap">
|
|
|
<div th:each="item: ${pageFloors}">
|
|
|
<div th:if="${item.type}==1">
|
|
|
- <!--推荐专区-->
|
|
|
<div class="floorTit">
|
|
|
- <h2 th:text="${item.title}" data-id="1"></h2>
|
|
|
+ <h2 th:text="${item.title}" data-id="1">推荐专区</h2>
|
|
|
</div>
|
|
|
<div class="floorCon">
|
|
|
<div id="recommendBox" class="swiper-container">
|
|
|
@@ -85,7 +84,7 @@
|
|
|
</template>
|
|
|
<div class="btnBox">
|
|
|
<a v-if="p.priceflag==2 && p.userIdentity!=2" href="javascript:void(0)" class="btn">升级成为会员</a>
|
|
|
- <a v-else-if="p.priceflag!=1" href="javascript:void(0)" class="btn on">加入购物车</a>
|
|
|
+ <a v-else-if="p.priceflag!=1" href="javascript:void(0)" class="btn add">加入购物车</a>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -95,19 +94,17 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div th:if="${item.type}==2">
|
|
|
- <!--团购促销-->
|
|
|
+ <!--<div th:if="${item.type}==2">
|
|
|
<div class="floorTit">
|
|
|
- <h2 th:text="${item.title}" data-id="2"></h2>
|
|
|
+ <h2 th:text="${item.title}" data-id="2">团购促销</h2>
|
|
|
</div>
|
|
|
- </div>
|
|
|
+ </div>-->
|
|
|
<div th:if="${item.type}==3">
|
|
|
- <!--优质供应商-->
|
|
|
<div class="floorTit">
|
|
|
<h2 th:text="${item.title}" data-id="3">优质供应商</h2>
|
|
|
<h5>采美正品联盟 质量保证</h5>
|
|
|
</div>
|
|
|
- <div>
|
|
|
+ <div class="floorCon">
|
|
|
<img src="/img/home/goodsup.png"/>
|
|
|
<ul>
|
|
|
<li v-for="topic in topicData3" style="display: inline-block">
|
|
|
@@ -120,19 +117,20 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
<div th:if="${item.type}==4">
|
|
|
- <!--商品专题-->
|
|
|
<div class="floorTit">
|
|
|
- <h2 th:text="${item.title}" data-id="4">商品专题</h2>
|
|
|
- <a href="javascript:void(0);">更多商品专题</a>
|
|
|
+ <h2 th:text="${item.title}" data-id="4">专题</h2>
|
|
|
+ <a class="more" href="javascript:void(0);">更多商品专题</a>
|
|
|
+ </div>
|
|
|
+ <div class="floorCon">
|
|
|
+ <ul>
|
|
|
+ <li v-for="topic in topicData4" style="display: inline-block">
|
|
|
+ <a href="javascript:void(0);">
|
|
|
+ <img :src="topic.image" :alt="topic.title">
|
|
|
+ <p v-text="topic.title"></p>
|
|
|
+ </a>
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
</div>
|
|
|
- <ul>
|
|
|
- <li v-for="topic in topicData4" style="display: inline-block">
|
|
|
- <a href="javascript:void(0);">
|
|
|
- <img :src="topic.image" :alt="topic.title">
|
|
|
- <p v-text="topic.title"></p>
|
|
|
- </a>
|
|
|
- </li>
|
|
|
- </ul>
|
|
|
</div>
|
|
|
<div th:if="${item.type}==5">
|
|
|
<!--小专题-->
|
|
|
@@ -152,14 +150,16 @@
|
|
|
<h3 v-text="bigTopic.title" :data-id="'6-'+bigTopic.id"></h3>
|
|
|
<h5 v-text="bigTopic.detail"></h5>
|
|
|
</div>
|
|
|
- <ul>
|
|
|
- <li v-for="floor in bigTopic.floorData" style="display: inline-block">
|
|
|
- <a href="javascript:void(0);">
|
|
|
- <img :src="floor.image" :alt="floor.title">
|
|
|
- <p v-text="floor.title"></p>
|
|
|
- </a>
|
|
|
- </li>
|
|
|
- </ul>
|
|
|
+ <div class="floorCon">
|
|
|
+ <ul class="floorList clear">
|
|
|
+ <li v-for="floor in bigTopic.floorData" style="display: inline-block">
|
|
|
+ <a href="javascript:void(0);">
|
|
|
+ <img :src="floor.image" :alt="floor.title">
|
|
|
+ <p v-text="floor.title"></p>
|
|
|
+ </a>
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
chao