Skip to content

梁建民 / h5

Go to a project
Commit d3014bb1 by 肖康
Options

x

parent d3987db0
Expand all
Inline Side-by-side
Showing with 55 additions and 26 deletions
src/views/common/GoodsOne.vue
......@@ -2,35 +2,59 @@
<section>
<div class="block oneDataGoods" v-for="(itemchild,indexdata) in dataList">
<dl class="mui-row img-box">
<a :href="'https://m.ichunt.com/goods_'+itemchild.goods_id+'.html?ptag=lxshop'">
<a :href="isZy?('https://m.ichunt.com/item/'+itemchild.goods_id+'.html?ptag=selfshop'):('https://m.ichunt.com/goods_'+itemchild.goods_id+'.html?ptag=lxshop')">
<dt v-lazy-container="{selector:'img'}">
<img class="lazy img-lazy" :alt="itemchild.goods_name_temp" :data-src="itemchild.goods_img" data-error="https://www.ichunt.com/v3/dist/res/m/images/materiel_img_3.png" />
<img class="lazy img-lazy" :alt="itemchild.goods_name_temp" :data-src="isZy?itemchild.goods_images:itemchild.goods_img" data-error="https://www.ichunt.com/v3/dist/res/m/images/materiel_img_3.png" />
</dt>
<dd>
<h4>{{itemchild.goods_name_temp}}</h4>
<p>制造商：{{itemchild.brand_name||'- -'}}</p>
<p>
库存：<span v-html="itemchild.stock||0"></span>
</p>
<p>
起订：<span v-html="itemchild.moq||1"></span>
</p>
<p>MPQ：<span v-html="itemchild.mpq||1"></span></p>
<template v-if="isZy">
<h4>{{itemchild.sku_name}}</h4>
<p v-if="itemchild.class_name2">分类：{{itemchild.class_name2}}</p>
<p>制造商：{{itemchild.brand_name}}</p>
<p v-if="itemchild.encap">封装：{{itemchild.encap}}</p>
<p>库存：
<span v-html="itemchild.stock"></span>
(<span v-html="itemchild.purchase_info"></span>)
</p>
</template>
<template v-else>
<h4>{{itemchild.goods_name_temp}}</h4>
<p>制造商：{{itemchild.brand_name||'- -'}}</p>
<p>
库存：<span v-html="itemchild.stock||0"></span>
</p>
<p>
起订：<span v-html="itemchild.moq||1"></span>
</p>
<p>MPQ：<span v-html="itemchild.mpq||1"></span></p>
</template>
</dd>
</a>
</dl>
<div class="mui-row block-but">
<div class="morePrice">
<div class="mui-row list_data" v-for="(itemPrice,index) in itemchild.ladder_price" :class="{'dataNo':(index>(limitLength-1))&&!itemchild.check}" >
<p class="mui-col-sm-4 mui-col-xs-4" v-html="itemPrice.purchases+'+'"></p>
<p class="mui-col-sm-4 mui-col-xs-4">￥{{itemPrice.price_cn}}</p>
<p class="mui-col-sm-4 mui-col-xs-4">${{itemPrice.price_us}}</p>
</div>
<div class="mui-row list_data f-fff" v-if="itemchild.ladder_price.length==0">
<p class="mui-col-sm-4 mui-col-xs-4" >- -</p>
<p class="mui-col-sm-4 mui-col-xs-4">- -</p>
<p class="mui-col-sm-4 mui-col-xs-4">- -</p>
</div>
<template v-if="isZy">
<div class="mui-row list_data" v-for="(itemPrice,index) in itemchild.ladder_price" :class="{'dataNo':(index>(limitLength-1))&&!itemchild.check}" >
<p class="mui-col-sm-6 mui-col-xs-6" v-html="itemPrice.purchases+'+'"></p>
<p class="mui-col-sm-6 mui-col-xs-6">￥{{itemPrice.price_cn}}</p>
</div>
<div class="mui-row list_data f-fff" v-if="itemchild.ladder_price.length==0">
<p class="mui-col-sm-6 mui-col-xs-6" >- -</p>
<p class="mui-col-sm-6 mui-col-xs-6">- -</p>
</div>
</template>
<template v-else>
<div class="mui-row list_data" v-for="(itemPrice,index) in itemchild.ladder_price" :class="{'dataNo':(index>(limitLength-1))&&!itemchild.check}" >
<p class="mui-col-sm-4 mui-col-xs-4" v-html="itemPrice.purchases+'+'"></p>
<p class="mui-col-sm-4 mui-col-xs-4">￥{{itemPrice.price_cn}}</p>
<p class="mui-col-sm-4 mui-col-xs-4">${{itemPrice.price_us}}</p>
</div>
<div class="mui-row list_data f-fff" v-if="itemchild.ladder_price.length==0">
<p class="mui-col-sm-4 mui-col-xs-4" >- -</p>
<p class="mui-col-sm-4 mui-col-xs-4">- -</p>
<p class="mui-col-sm-4 mui-col-xs-4">- -</p>
</div>
</template>
<div class="more-height" v-if="itemchild.ladder_price.length>limitLength" @click="priceRow(indexdata)" v-html="itemchild.checkBtn||defaultBtn">
更多梯度价格<i class="icon-bot"></i>
</div>
......@@ -49,9 +73,13 @@
export default {
name: "GoodsOne",
props: {
dataList: {
dataList: {//数组数据
type: Array,
default: []
},
isZy:{//是否自营
type: Boolean,
default: false
}
},
data() {
......@@ -117,8 +145,8 @@
p{ font-size: 12px; color: #666; line-height: 19px;overflow:hidden;text-overflow:ellipsis;white-space: nowrap; }
}
.but-shop{ width: 25%; vertical-align: middle; display: table-cell;}
.but{height: 30px; float: right; line-height:30px;padding: 0 20px; width: 60px; font-size: 14px;
display: block;color:#fff;background: #1080d0;text-align: center;cursor: pointer;
.but{height: 30px; float: right; line-height:30px;padding: 0 20px; width:100px; font-size: 14px;
display: block;color:#fff;background: #1080d0;text-align: center;cursor: pointer;box-sizing: border-box;
border-radius: 4px;
}
}
......
src/views/lxshop/lxshop.vue
......@@ -33,7 +33,7 @@
<img :src="item.supplier_logo||'https://www.ichunt.com/v3/dist/res/m/images/materiel_img_3.png'" class="name-img" alt="aipco">
<a :href="item.supplier_ad.url" class="ad">{{item.supplier_ad.ad}}</a>
</div>
<GoodsOne :dataList="item.data"></GoodsOne>
<GoodsOne :dataList="item.data" ></GoodsOne>
<div class="more-number" v-if="item.fished">
为您找到<span>{{item.total}}</span>个商品，已全部显示
</div>
......
src/views/xianhuo/xianhuo.vue
......@@ -150,7 +150,7 @@
error-text="请求失败，点击重新加载"
:immediate-check="true"
>
<GoodsOne :dataList="zyData"></GoodsOne>
<GoodsOne :dataList="zyData" :isZy="isZy"></GoodsOne>
</van-list>
</div>
</div>
......@@ -185,6 +185,7 @@ export default {
},
data() {
return {
isZy:true,
zyFilterInit: -1,
zyRankInit: 0, //0综合 1库存多到少 2//库存少到多 3//价格高到低 4//价格低到高
classFilter: "",
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or sign in to comment