<div id="shop" class="container product_Box"> <div class="shop_item"> <div class="merchandise"> <div class="navs" v-if="navItem.length>0" v-cloak> <div class="common"> <div class="item" v-for="(item,index) in navItem" :key="index" :class="{multi: ShowMultiProps.title === item.title}" v-if=" (index<3 && !isDisplayAll) || !!isDisplayAll"> <div class="iRow"> <div class="title">{{item.title}}:</div> <div class="children" :ref="`index_${index}`" :class="{more: !!item.isShowMoreOpen}"> <div class="col" v-for="(row,sIndex) in item.item" :key="sIndex" @click="handlerSelectItem(item,row)" :class="[{selected: ShowMultiProps.propsMap[row.title]}]"> {{row.title}} <i></i> </div> </div> <div class="moreItem" :class="{up:!!item.isShowMoreOpen}" @click="handlerShowMoreItem(item)" v-show="!!item.isShowMore"> <!-- 更多 --> 更多 <i></i> </div> <div class="multiItem" v-if=" !!item.is_multi " @click="handlerMultSelect(item)"> <!-- 多选 --> 多选 <i></i> </div> </div> <div class="btns" v-if=" ShowMultiProps.title === item.title "> <label class="confirm" v-show=" ShowMultiProps && Object.keys(ShowMultiProps.propsMap ||{}).length > 0" @click="handlerConfirmProps"> <!-- 确定 --> 确定 </label> <label class="cancel" @click="handlerCancelMulti"> <!-- 取消 --> 取消 </label> </div> </div> </div> <div class="more"> <label @click="handlerDisplayAll"> <span v-if="!!isDisplayAll"> 收起 </span> <span v-else> 更多( {{getMoreCondition()}} ) 等 </span> </label> </div> </div> <div class="remen"> <div class="shop-tools"> <div class="shop-btn-group"> <font>排序:</font> <div class="shop-btn" :class="{selected: sort===''}" @click="handlerSort('')"> <div>默认</div> </div> <div class="shop-btn" :class="{selected: sort==='_sale'}" @click="handlerSort('_sale')"> <div>销量</div><img src="/assets/img/default/desc_icon.gif"> </div> <div class="shop-btn" :class="{selected: sort==='_credit'}" @click="handlerSort('_credit')"> <div>信誉</div> <img src="/assets/img/default/desc_icon.gif"> </div> <div class="shop-btn" :class="{selected: sort==='_bid2'}" @click="handlerSort('_bid2')"> <div>价格</div><img src="/assets/img/default/desc_icon.gif"> </div> <div class="shop-btn" :class="{selected: sort==='bid2'}" @click="handlerSort('bid2')"> <div>价格</div><img src="/assets/img/default/asc_icon.gif"> </div> </div> <div v-cloak>总共:{{info.total_results}}</div> </div> </div> <div id="goods_list" class="shop-goods-list" v-show="!isLoading" :class="[{display:!isLoading}]"> <ul class="goods_list clearfix" v-if="info.item && info.item.length> 0"> <li v-for="(item,index) in info.item" :key="index"> <div class="pic"> <a :href="`/index/item/index${info.tp==='1688' ? '1688' : ''}.html?tp=${info.tp}&tid=${item.num_iid}&sales=${item.sales ||0}`" target="_blank"> <!-- <img src="/assets/img/default/loading2.gif" :data-original="item.pic_url" class="lazy" style="max-width: 220px; display: inline;" height="220" :alt="item.title" onerror="this.src='/assets/img/default/noimg220.gif';"> --> <img :src="item.pic_url" class="lazy1" style="max-width: 220px; display: inline;" height="220" :alt="item.title" onerror="this.src='/assets/img/default/noimg220.gif';"> </a> </div> <div class="summary"> <h2> <a :href="`/index/item/index${info.tp==='1688' ? '1688' : ''}.html?tp=${info.tp}&tid=${item.num_iid}`" target="_blank" title=""> {{item.title}} </a> </h2> <p> {{item.price | currency}} <span class="tk_rate"></span> <span style="font-size: 12px;font-weight: normal;" v-if="['1688','tmall','taobao'].includes(info.tp)">
会员操作流程:
1.代购流程:
a.注册会员并登入
b.搜索产品并一键加入代购列表
c.支付代购商品费用;
d.等待商品到达国内仓库,支付国际运费;
e.收货并确认订单完成;
2.代运流程:
a.注册会员并登入并获取专属仓库地址;
b.搜索产品并一键加入代运列表,或
c.直接在会员中心添加代运商品
d.等待商品到达国内仓库(专属仓库地址),支付国际运费;
e.收货并确认订单完成;
如有朋友需要其他的参数欢迎一起探讨交流!
- 海报