Skip to content

肖康 / iedgeMini

Go to a project
Commit b0ecfb5d by 肖康
Options

price

parent 98d86b8f
Inline Side-by-side
Showing with 109 additions and 25 deletions
assets/css/index/index.scss
...@@ -145,10 +145,32 @@ ...@@ -145,10 +145,32 @@
background: #fff; background: #fff;
width:335rpx; width:335rpx;
padding:20rpx; padding:20rpx;
padding-left:28rpx;
margin-right: 20rpx; margin-right: 20rpx;
position: relative;
&:nth-child(2n){ &:nth-child(2n){
margin-right: 0rpx; margin-right: 0rpx;
} }
.ac618tagt{
position: absolute;
width:58rpx;
height:30rpx;
z-index: 1;
background: url(https://imgscdn.ichunt.com/show/origin/c4dd60j20hs0hs00000077qs1g3tt) no-repeat;
background-size: 100% 100%;
right:28rpx;
top:20rpx;
}
.ac618tagb{
position: absolute;
width:280rpx;
height:35rpx;
z-index: 1;
background: url(https://imgscdn.ichunt.com/show/origin/4efdd0j10hs0hs000000a9x2aqrd3) no-repeat;
background-size: 100% 100%;
right:28rpx;
top:263rpx;
}
image{ image{
width: 280rpx; width: 280rpx;
height: 280rpx; height: 280rpx;
...@@ -166,36 +188,82 @@ ...@@ -166,36 +188,82 @@
.xunj{ .xunj{
color: #F61500; color: #F61500;
font-size: 28rpx; font-size: 28rpx;
} }
.price{ .priceac168Box{
height:105rpx;
.item12{
margin-bottom:13rpx;
}
.price0{ .price0{
font-weight: 600; font-weight: 600;
font-size: 30rpx; font-size: 30rpx;
color: #F61500; color: #F61500;
line-height: 30rpx; line-height: 30rpx;
margin-bottom:13rpx;
} }
.price1{ .t3{
font-size: 28rpx; font-size: 30rpx;
color: #1969F9; color: #808080;
line-height: 30rpx;
text-decoration-line: line-through;
} }
.qytag{ .tagac{
width: 76rpx; height:25rpx;
height: 26rpx; padding:0 5rpx;
background: #1969F9; background: #D0121B;
border-radius: 5rpx;
color:#fff; color:#fff;
font-size: 14rpx;
line-height: 27rpx; line-height: 27rpx;
text-align: center; text-align: center;
margin-left: 10rpx; margin-left:4rpx;
font-size: 18rpx; }
position: relative; .tagac2{
top:-2rpx; height:25rpx;
padding:0 5rpx;
background: #fff;
color:#808080;
font-size: 14rpx;
line-height: 28rpx;
text-align: center;
margin-left:4rpx;
} }
text{
font-size: 22rpx;
}
.pricenormalbox{
height:105rpx;
.price{
.price0{
font-weight: 600;
font-size: 30rpx;
color: #F61500;
line-height: 30rpx;
margin-bottom:13rpx;
}
.price1{
font-size: 28rpx;
color: #1969F9;
}
.qytag{
width: 76rpx;
height: 26rpx;
background: #1969F9;
border-radius: 5rpx;
color:#fff;
line-height: 27rpx;
text-align: center;
margin-left: 10rpx;
font-size: 18rpx;
position: relative;
top:-2rpx;
}
text{
font-size: 22rpx;
}
} }
} }
} }
} }
} }
......
pages/index/index.vue
...@@ -31,21 +31,37 @@ ...@@ -31,21 +31,37 @@
<view class="itembox row bothSide"> <view class="itembox row bothSide">
<navigator :url="'/pages/goods/detail?goods_id='+item.goods_id" class="item" <navigator :url="'/pages/goods/detail?goods_id='+item.goods_id" class="item"
v-for="(item,index) in pageData.recommend_goods" :key="index"> v-for="(item,index) in pageData.recommend_goods" :key="index">
<view class="ac618tagt" v-if="item.ac_type==10"></view>
<view class="ac618tagb" v-if="item.ac_type==10"></view>
<image :src="item.goods_images||'https://www.iedge.net/assets/images/common/defaultnew.png'"> <image :src="item.goods_images||'https://www.iedge.net/assets/images/common/defaultnew.png'">
</image> </image>
<view class="title elep2">{{item.sku_name}}</view> <view class="title elep2">{{item.sku_name}}</view>
<view class="price " v-if="item.ladder_price&&item.ladder_price.length>0"> <view class="priceac168Box" v-if="item.ac_type==10">
<view class="price0">¥{{item.ladder_price[0].price_cn||''}}</view> <view class="row item12">
<view class="row verCenter qibox"> <view class="price0">¥{{item.ladder_price[0].price_ac||''}}</view>
<text class="price1" v-if="isLogin"><text class="price1" <view class="tagac">活动价</view>
v-if="item.ladder_price[1].price_cn">¥{{item.ladder_price[1].price_cn}}</text></text> </view>
<text class="price1" v-else>¥****</text> <view class="row item11">
<text class="qytag" v-if="item.ladder_price[1].price_cn">企业价</text> <view class="t3">¥{{item.ladder_price[0].price_cn||''}}</view>
<view class="tagac2">日常价</view>
</view> </view>
</view> </view>
<view class="price-c" v-else> <view class="pricenormalbox" v-else>
<text class="xunj" @click.stop.prevent="goxj()">立即询价</text> <view class="price " v-if="item.ladder_price&&item.ladder_price.length>0">
<view class="price0">¥{{item.ladder_price[0].price_cn||''}}</view>
<view class="row verCenter qibox">
<text class="price1" v-if="isLogin"><text class="price1"
v-if="item.ladder_price[1].price_cn">¥{{item.ladder_price[1].price_cn}}</text></text>
<text class="price1" v-else>¥****</text>
<text class="qytag" v-if="item.ladder_price[1].price_cn">企业价</text>
</view>
</view>
<view class="price-c" v-else>
<text class="xunj" @click.stop.prevent="goxj()">立即询价</text>
</view>
</view> </view>
</navigator> </navigator>
</view> </view>
......
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