|
@@ -14,7 +14,7 @@
|
|
|
<div class="instrue-left">
|
|
|
<div class="top-category">
|
|
|
<ul class="normal-nav clearfix">
|
|
|
- <li class="nav-list" v-for="(item,index) in categorylist"><i class=""></i>{{item.name}}</li>
|
|
|
+ <li class="nav-list" v-for="(item,index) in categorylist" @click="toserch(item.name)"><i class=""></i>{{item.name}}</li>
|
|
|
</ul>
|
|
|
</div>
|
|
|
<div>
|
|
@@ -25,22 +25,16 @@
|
|
|
<div class="floorCon">
|
|
|
<div class="hotList recommend">
|
|
|
<ul class="clear mfw" :class="moreflag?'':'height'">
|
|
|
- <li><img src="/img/common/goodsup.png"/></li>
|
|
|
+ <li class="img01"><img src="https://img-b.caimei365.com/group1/M00/03/11/Cmgy61_S3bGAKnQdAAEL2eOO3HU338.png"/></li>
|
|
|
<li class="productItem " v-for="p in recommends">
|
|
|
<a class="image" :href="'/product-'+p.id+'.html'">
|
|
|
- <img src="/img/base/placeholder.png" :data-original="p.image" :alt="p.name">
|
|
|
- </a>
|
|
|
- <a class="name" :href="'/product-'+p.id+'.html'" target="_blank">
|
|
|
- <p v-html="p.name"></p>
|
|
|
- </a>
|
|
|
+ <img src="/img/base/placeholder.png" :data-original="p.image" :alt="p.name"></a>
|
|
|
+ <a class="name" :href="'/product-'+p.id+'.html'" target="_blank"><p v-html="p.name"></p> </a>
|
|
|
<div class="price mfhc">
|
|
|
<template v-if="GLOBAL_USER_ID && GLOBAL_USER_ID>0">
|
|
|
<!--用户身份 0、个人 1、协销 2、会员机构 3、供应商 4,普通机构-->
|
|
|
<template v-if="p.priceFlag==1">
|
|
|
<em>¥价格未公开</em>
|
|
|
- <div class="btnBox">
|
|
|
- <a href="javascript:void(0)" class="btn cat">价格未公开,请联系 0755-22907771</a>
|
|
|
- </div>
|
|
|
</template>
|
|
|
<template v-else>
|
|
|
<template v-if="(p.priceFlag==0 && p.userIdentity!=3) || p.userIdentity==2 || (p.userIdentity==3 && p.supplierId==GLOBAL_SHOP_ID)">
|
|
@@ -50,9 +44,6 @@
|
|
|
<template v-else-if="p.priceFlag==2 && p.userIdentity==4">
|
|
|
<em>¥会员可见</em>
|
|
|
<span class="listTag" v-if="p.actStatus==1">{{p.promotions.name}}</span>
|
|
|
- <div class="btnBox">
|
|
|
- <a href="/user/setting/upgrade.html" class="btn">升级会员查看价格</a>
|
|
|
- </div>
|
|
|
</template>
|
|
|
<template v-else>
|
|
|
<em>¥<i :class="'icon mIcon i'+p.priceGrade"></i></em>
|
|
@@ -67,7 +58,7 @@
|
|
|
</div>
|
|
|
</li>
|
|
|
</ul>
|
|
|
- <div class="unfold" @click="seeMore" v-if="moreflag"><i class="icon mIcon more"></i>查看更多 </div>
|
|
|
+ <div class="unfold" @click="seeMore" v-if="moreflag">查看更多 ∨</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
@@ -90,9 +81,6 @@
|
|
|
<!--用户身份 0、个人 1、协销 2、会员机构 3、供应商 4,普通机构-->
|
|
|
<template v-if="p.priceFlag==1">
|
|
|
<em>¥价格未公开</em>
|
|
|
- <div class="btnBox">
|
|
|
- <a href="javascript:void(0)" class="btn cat">价格未公开,请联系 0755-22907771</a>
|
|
|
- </div>
|
|
|
</template>
|
|
|
<template v-else>
|
|
|
<template v-if="(p.priceFlag==0 && p.userIdentity!=3) || p.userIdentity==2 || (p.userIdentity==3 && p.supplierId==GLOBAL_SHOP_ID)">
|
|
@@ -102,9 +90,6 @@
|
|
|
<template v-else-if="p.priceFlag==2 && p.userIdentity==4">
|
|
|
<em>¥会员可见</em>
|
|
|
<span class="listTag" v-if="p.actStatus==1">{{p.promotions.name}}</span>
|
|
|
- <div class="btnBox">
|
|
|
- <a href="/user/setting/upgrade.html" class="btn">升级会员查看价格</a>
|
|
|
- </div>
|
|
|
</template>
|
|
|
<template v-else>
|
|
|
<em>¥<i :class="'icon mIcon i'+p.priceGrade"></i></em>
|
|
@@ -119,7 +104,7 @@
|
|
|
</div>
|
|
|
</li>
|
|
|
</ul>
|
|
|
- <div class="unfold" @click="seeMore" v-if="recommends.length>10"><i class="icon mIcon more"></i>查看更多 </div>
|
|
|
+ <div class="unfold" @click="seeMore" v-if="moreflag">查看更多 ∨</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
@@ -129,9 +114,9 @@
|
|
|
</div>
|
|
|
<div class="floorCon">
|
|
|
<div class="hotList collocation">
|
|
|
- <ul class="clear mfw">
|
|
|
+ <ul class="clear" :class="moreflag?'':'height'">
|
|
|
<li class="productItem " v-for="p in recommends">
|
|
|
- <a class="image" :href="'/product-'+p.id+'.html'">
|
|
|
+ <a class="image" :href="'/product-'+p.id+'.html'">
|
|
|
<img src="/img/base/placeholder.png" :data-original="p.image" :alt="p.name">
|
|
|
</a>
|
|
|
<a class="name" :href="'/product-'+p.id+'.html'" target="_blank">
|
|
@@ -139,7 +124,8 @@
|
|
|
</a>
|
|
|
</li>
|
|
|
</ul>
|
|
|
- </div>
|
|
|
+ <div class="unfold" @click="seeMore" v-if="moreflag">查看更多 ∨</div>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div>
|
|
@@ -148,7 +134,7 @@
|
|
|
</div>
|
|
|
<div class="floorCon">
|
|
|
<div class="hotList swiper-container" id="recommendBox" >
|
|
|
- <ul class="swiper-wrapper" v-cloak>
|
|
|
+ <ul class="swiper-wrapper" :class="moreflag?'':'height'" v-cloak>
|
|
|
<li class="productItem " v-for="p in recommends">
|
|
|
<a class="image" :href="'/product-'+p.id+'.html'">
|
|
|
<img src="/img/base/placeholder.png" :data-original="p.image" :alt="p.name">
|
|
@@ -161,9 +147,6 @@
|
|
|
<!--用户身份 0、个人 1、协销 2、会员机构 3、供应商 4,普通机构-->
|
|
|
<template v-if="p.priceFlag==1">
|
|
|
<em>¥价格未公开</em>
|
|
|
- <div class="btnBox">
|
|
|
- <a href="javascript:void(0)" class="btn cat">价格未公开,请联系 0755-22907771</a>
|
|
|
- </div>
|
|
|
</template>
|
|
|
<template v-else>
|
|
|
<template v-if="(p.priceFlag==0 && p.userIdentity!=3) || p.userIdentity==2 || (p.userIdentity==3 && p.supplierId==GLOBAL_SHOP_ID)">
|
|
@@ -173,9 +156,6 @@
|
|
|
<template v-else-if="p.priceFlag==2 && p.userIdentity==4">
|
|
|
<em>¥会员可见</em>
|
|
|
<span class="listTag" v-if="p.actStatus==1">{{p.promotions.name}}</span>
|
|
|
- <div class="btnBox">
|
|
|
- <a href="/user/setting/upgrade.html" class="btn">升级会员查看价格</a>
|
|
|
- </div>
|
|
|
</template>
|
|
|
<template v-else>
|
|
|
<em>¥<i :class="'icon mIcon i'+p.priceGrade"></i></em>
|
|
@@ -194,8 +174,198 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
+ <template>
|
|
|
+ <div class="floorTit">
|
|
|
+ <h2>精彩活动</h2>
|
|
|
+ </div>
|
|
|
+ <div class="floorCon">
|
|
|
+ <div class="hotList">
|
|
|
+ <ul class="type" :class="moreflag?'':'height'">
|
|
|
+ <li class='imgbaner'><img src="http://m.360buyimg.com/babel/jfs/t1/154859/31/6073/29706/5fb1d2c4E73af2908/9054ba7e4d595637.jpg.webp"></li>
|
|
|
+ <li class="img01"><img src="https://img-b.caimei365.com/group1/M00/03/11/Cmgy61_S3bGAKnQdAAEL2eOO3HU338.png"/></li>
|
|
|
+ <li class="productItem " v-for="p in recommends">
|
|
|
+ <a class="image" :href="'/product-'+p.id+'.html'">
|
|
|
+ <img src="/img/base/placeholder.png" :data-original="p.image" :alt="p.name">
|
|
|
+ </a>
|
|
|
+ <a class="name" :href="'/product-'+p.id+'.html'" target="_blank">
|
|
|
+ <p v-html="p.name"></p>
|
|
|
+ </a>
|
|
|
+ <div class="price">
|
|
|
+ <template v-if="GLOBAL_USER_ID && GLOBAL_USER_ID>0">
|
|
|
+ <!--用户身份 0、个人 1、协销 2、会员机构 3、供应商 4,普通机构-->
|
|
|
+ <template v-if="p.priceFlag==1">
|
|
|
+ <em>¥价格未公开</em>
|
|
|
+ </template>
|
|
|
+ <template v-else>
|
|
|
+ <template v-if="(p.priceFlag==0 && p.userIdentity!=3) || p.userIdentity==2 || (p.userIdentity==3 && p.supplierId==GLOBAL_SHOP_ID)">
|
|
|
+ <em class="p" v-text="'¥'+parseFloat(p.price).toFixed(2)"></em>
|
|
|
+ <span class="listTag" v-if="p.actStatus==1">{{p.promotions.name}}</span>
|
|
|
+ </template>
|
|
|
+ <template v-else-if="p.priceFlag==2 && p.userIdentity==4">
|
|
|
+ <em>¥会员可见</em>
|
|
|
+ <span class="listTag" v-if="p.actStatus==1">{{p.promotions.name}}</span>
|
|
|
+ </template>
|
|
|
+ <template v-else>
|
|
|
+ <em>¥<i :class="'icon mIcon i'+p.priceGrade"></i></em>
|
|
|
+ <span class="listTag" v-if="p.actStatus==1">{{p.promotions.name}}</span>
|
|
|
+ </template>
|
|
|
+ </template>
|
|
|
+ </template>
|
|
|
+ <template v-else>
|
|
|
+ <em>¥<i :class="'icon mIcon i'+p.priceGrade"></i></em>
|
|
|
+ <span class="listTag" >单品满减</span>
|
|
|
+ </template>
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ <div class="unfold" @click="seeMore" v-if="moreflag">查看更多 ∨</div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ <template>
|
|
|
+ <div class="floorTit">
|
|
|
+ <h2>新品专区</h2>
|
|
|
+ </div>
|
|
|
+ <div class="floorCon">
|
|
|
+ <div class="hotList">
|
|
|
+ <ul class="type" :class="moreflag?'':'height'">
|
|
|
+ <li class='imgbaner'><img src="http://m.360buyimg.com/babel/jfs/t1/154859/31/6073/29706/5fb1d2c4E73af2908/9054ba7e4d595637.jpg.webp"></li>
|
|
|
+ <li class="img01"><img src="https://img-b.caimei365.com/group1/M00/03/11/Cmgy61_S3bGAKnQdAAEL2eOO3HU338.png"/></li>
|
|
|
+ <li class="img02"><img src="https://img-b.caimei365.com/group1/M00/03/11/Cmgy61_S3WSAC5igAAIpbsQkSoo172.png"/></li>
|
|
|
+ <li class="productItem " v-for="p in recommends">
|
|
|
+ <a class="image" :href="'/product-'+p.id+'.html'">
|
|
|
+ <img src="/img/base/placeholder.png" :data-original="p.image" :alt="p.name">
|
|
|
+ </a>
|
|
|
+ <a class="name" :href="'/product-'+p.id+'.html'" target="_blank">
|
|
|
+ <p v-html="p.name"></p>
|
|
|
+ </a>
|
|
|
+ <div class="price">
|
|
|
+ <template v-if="GLOBAL_USER_ID && GLOBAL_USER_ID>0">
|
|
|
+ <!--用户身份 0、个人 1、协销 2、会员机构 3、供应商 4,普通机构-->
|
|
|
+ <template v-if="p.priceFlag==1">
|
|
|
+ <em>¥价格未公开</em>
|
|
|
+ </template>
|
|
|
+ <template v-else>
|
|
|
+ <template v-if="(p.priceFlag==0 && p.userIdentity!=3) || p.userIdentity==2 || (p.userIdentity==3 && p.supplierId==GLOBAL_SHOP_ID)">
|
|
|
+ <em class="p" v-text="'¥'+parseFloat(p.price).toFixed(2)"></em>
|
|
|
+ <span class="listTag" v-if="p.actStatus==1">{{p.promotions.name}}</span>
|
|
|
+ </template>
|
|
|
+ <template v-else-if="p.priceFlag==2 && p.userIdentity==4">
|
|
|
+ <em>¥会员可见</em>
|
|
|
+ <span class="listTag" v-if="p.actStatus==1">{{p.promotions.name}}</span>
|
|
|
+ </template>
|
|
|
+ <template v-else>
|
|
|
+ <em>¥<i :class="'icon mIcon i'+p.priceGrade"></i></em>
|
|
|
+ <span class="listTag" v-if="p.actStatus==1">{{p.promotions.name}}</span>
|
|
|
+ </template>
|
|
|
+ </template>
|
|
|
+ </template>
|
|
|
+ <template v-else>
|
|
|
+ <em>¥<i :class="'icon mIcon i'+p.priceGrade"></i></em>
|
|
|
+ <span class="listTag" >单品满减</span>
|
|
|
+ </template>
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ <div class="unfold" @click="seeMore" >查看更多 ∨</div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ <template>
|
|
|
+ <div class="floorTit">
|
|
|
+ <h2>测试测试</h2>
|
|
|
+ </div>
|
|
|
+ <div class="floorCon">
|
|
|
+ <div class="hotList">
|
|
|
+ <ul class="type" :class="moreflag?'':'height'">
|
|
|
+ <li class='imgbaner'><img src="http://m.360buyimg.com/babel/jfs/t1/154859/31/6073/29706/5fb1d2c4E73af2908/9054ba7e4d595637.jpg.webp"></li>
|
|
|
+ <li class="productItem " v-for="p in recommends">
|
|
|
+ <a class="image" :href="'/product-'+p.id+'.html'">
|
|
|
+ <img src="/img/base/placeholder.png" :data-original="p.image" :alt="p.name">
|
|
|
+ </a>
|
|
|
+ <a class="name" :href="'/product-'+p.id+'.html'" target="_blank">
|
|
|
+ <p v-html="p.name"></p>
|
|
|
+ </a>
|
|
|
+ <div class="price">
|
|
|
+ <template v-if="GLOBAL_USER_ID && GLOBAL_USER_ID>0">
|
|
|
+ <!--用户身份 0、个人 1、协销 2、会员机构 3、供应商 4,普通机构-->
|
|
|
+ <template v-if="p.priceFlag==1">
|
|
|
+ <em>¥价格未公开</em>
|
|
|
+ </template>
|
|
|
+ <template v-else>
|
|
|
+ <template v-if="(p.priceFlag==0 && p.userIdentity!=3) || p.userIdentity==2 || (p.userIdentity==3 && p.supplierId==GLOBAL_SHOP_ID)">
|
|
|
+ <em class="p" v-text="'¥'+parseFloat(p.price).toFixed(2)"></em>
|
|
|
+ <span class="listTag" v-if="p.actStatus==1">{{p.promotions.name}}</span>
|
|
|
+ </template>
|
|
|
+ <template v-else-if="p.priceFlag==2 && p.userIdentity==4">
|
|
|
+ <em>¥会员可见</em>
|
|
|
+ <span class="listTag" v-if="p.actStatus==1">{{p.promotions.name}}</span>
|
|
|
+ </template>
|
|
|
+ <template v-else>
|
|
|
+ <em>¥<i :class="'icon mIcon i'+p.priceGrade"></i></em>
|
|
|
+ <span class="listTag" v-if="p.actStatus==1">{{p.promotions.name}}</span>
|
|
|
+ </template>
|
|
|
+ </template>
|
|
|
+ </template>
|
|
|
+ <template v-else>
|
|
|
+ <em>¥<i :class="'icon mIcon i'+p.priceGrade"></i></em>
|
|
|
+ <span class="listTag" >单品满减</span>
|
|
|
+ </template>
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ <div class="unfold" @click="seeMore" v-if="moreflag">查看更多 ∨</div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ <template>
|
|
|
+ <div class="floorTit">
|
|
|
+ <h2>测试测试</h2>
|
|
|
+ </div>
|
|
|
+ <div class="floorCon">
|
|
|
+ <div class="hotList">
|
|
|
+ <ul class="type" :class="moreflag?'':'height'">
|
|
|
+ <li class="productItem " v-for="p in recommends">
|
|
|
+ <a class="image" :href="'/product-'+p.id+'.html'">
|
|
|
+ <img src="/img/base/placeholder.png" :data-original="p.image" :alt="p.name">
|
|
|
+ </a>
|
|
|
+ <a class="name" :href="'/product-'+p.id+'.html'" target="_blank">
|
|
|
+ <p v-html="p.name"></p>
|
|
|
+ </a>
|
|
|
+ <div class="price">
|
|
|
+ <template v-if="GLOBAL_USER_ID && GLOBAL_USER_ID>0">
|
|
|
+ <!--用户身份 0、个人 1、协销 2、会员机构 3、供应商 4,普通机构-->
|
|
|
+ <template v-if="p.priceFlag==1">
|
|
|
+ <em>¥价格未公开</em>
|
|
|
+ </template>
|
|
|
+ <template v-else>
|
|
|
+ <template v-if="(p.priceFlag==0 && p.userIdentity!=3) || p.userIdentity==2 || (p.userIdentity==3 && p.supplierId==GLOBAL_SHOP_ID)">
|
|
|
+ <em class="p" v-text="'¥'+parseFloat(p.price).toFixed(2)"></em>
|
|
|
+ <span class="listTag" v-if="p.actStatus==1">{{p.promotions.name}}</span>
|
|
|
+ </template>
|
|
|
+ <template v-else-if="p.priceFlag==2 && p.userIdentity==4">
|
|
|
+ <em>¥会员可见</em>
|
|
|
+ <span class="listTag" v-if="p.actStatus==1">{{p.promotions.name}}</span>
|
|
|
+ </template>
|
|
|
+ <template v-else>
|
|
|
+ <em>¥<i :class="'icon mIcon i'+p.priceGrade"></i></em>
|
|
|
+ <span class="listTag" v-if="p.actStatus==1">{{p.promotions.name}}</span>
|
|
|
+ </template>
|
|
|
+ </template>
|
|
|
+ </template>
|
|
|
+ <template v-else>
|
|
|
+ <em>¥<i :class="'icon mIcon i'+p.priceGrade"></i></em>
|
|
|
+ <span class="listTag" >单品满减</span>
|
|
|
+ </template>
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+ <li class='imgbaner'><img src="https://img-b.caimei365.com/group1/M00/03/12/Cmgy61_S4BWAYIrqAAMWFPMHILs549.png"></li>
|
|
|
+ </ul>
|
|
|
+ <div class="unfold" @click="seeMore" v-if="moreflag">查看更多 ∨</div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
</div>
|
|
|
-
|
|
|
<div class="instrue-right">
|
|
|
<div class="wrap_tittle">
|
|
|
大家都在搜
|