@@ -59,8 +59,8 @@ | |||||
<view class="fl" wx:if="{{data.type==8}}"> | <view class="fl" wx:if="{{data.type==8}}"> | ||||
<!-- <text class="pri01 pri01Hr">¥</text> --> | <!-- <text class="pri01 pri01Hr">¥</text> --> | ||||
<text class="pri01">{{data.salePriceStr}}</text> | <text class="pri01">{{data.salePriceStr}}</text> | ||||
<!-- <text class='throgh'>{{data.priceStr}}元</text> --> | |||||
<view class='presslimit' wx:if="{{data.type==8}}"><text>{{data.pressLimitNum+'人可砍至底价'}}</text></view> | <view class='presslimit' wx:if="{{data.type==8}}"><text>{{data.pressLimitNum+'人可砍至底价'}}</text></view> | ||||
<text class='throgh'>{{data.priceStr}}元</text> | |||||
</view> | </view> | ||||
</view> | </view> | ||||
<view class='rest' wx:if="{{data.validType==2}}">有效期:自领取之日起 | <view class='rest' wx:if="{{data.validType==2}}">有效期:自领取之日起 | ||||
@@ -138,7 +138,6 @@ button::after { | |||||
letter-spacing: 0; | letter-spacing: 0; | ||||
height: 50rpx; | height: 50rpx; | ||||
line-height: 50rpx; | line-height: 50rpx; | ||||
/* border-bottom: 1px solid #eee; */ | |||||
border-bottom: 1px solid #f9f9f9; | border-bottom: 1px solid #f9f9f9; | ||||
} | } | ||||
@@ -192,7 +191,7 @@ button::after { | |||||
} | } | ||||
.use { | .use { | ||||
color: #FD782D; | color: #FD782D; | ||||
margin-left: 10rpx; | |||||
/* margin-left: 10rpx; */ | |||||
} | } | ||||
.salePriceStr .yuan { | .salePriceStr .yuan { | ||||
@@ -211,11 +210,14 @@ button::after { | |||||
text-decoration: line-through; | text-decoration: line-through; | ||||
margin-left: 10rpx; | margin-left: 10rpx; | ||||
color: #999 !important; | color: #999 !important; | ||||
margin-top:8rpx; | |||||
} | } | ||||
.fl { | .fl { | ||||
float: left; | float: left; | ||||
color: #FD782D; | color: #FD782D; | ||||
display: flex; | |||||
} | } | ||||
.fr { | .fr { | ||||
@@ -730,7 +732,6 @@ button::after { | |||||
} | } | ||||
.presslimit { | .presslimit { | ||||
width: 300rpx; | |||||
height: 34rpx; | height: 34rpx; | ||||
line-height: 34rpx; | line-height: 34rpx; | ||||
margin-top: 8rpx; | margin-top: 8rpx; | ||||
@@ -743,7 +744,7 @@ button::after { | |||||
text-overflow: ellipsis; | text-overflow: ellipsis; | ||||
} | } | ||||
.presslimit text{ | .presslimit text{ | ||||
margin-left: 22rpx; | |||||
margin-left: 15rpx; | |||||
background:rgba(201,201,201,0.1); | background:rgba(201,201,201,0.1); | ||||
} | } | ||||
@@ -20,6 +20,7 @@ | |||||
<view class='des'> | <view class='des'> | ||||
<view class='des-peoplenum'>「拼团价」{{data.pressLimitNum}}人拼团成功,单价仅需¥</view> | <view class='des-peoplenum'>「拼团价」{{data.pressLimitNum}}人拼团成功,单价仅需¥</view> | ||||
<view class='des-saleprice'>{{data.salePriceStr}}</view> | <view class='des-saleprice'>{{data.salePriceStr}}</view> | ||||
<view class='yj'>{{data.priceStr}}元</view> | |||||
</view> | </view> | ||||
<view class='rest' wx:if="{{data.validType==1}}">有效期: | <view class='rest' wx:if="{{data.validType==1}}">有效期: | ||||
<text class='time'>{{data.validStartDate}}至{{data.validEndDate}}<text class="use">(请在有效期内使用)</text></text> | <text class='time'>{{data.validStartDate}}至{{data.validEndDate}}<text class="use">(请在有效期内使用)</text></text> | ||||
@@ -80,14 +80,15 @@ button::after{ border: none; } | |||||
padding-top: 6rpx; | padding-top: 6rpx; | ||||
background: #FFF; | background: #FFF; | ||||
padding: 0 30rpx; | padding: 0 30rpx; | ||||
color: #FD782D | |||||
color: #FD782D; | |||||
display: flex; | |||||
} | } | ||||
.des-peoplenum{ | .des-peoplenum{ | ||||
display: inline; | display: inline; | ||||
font-size:24rpx; | font-size:24rpx; | ||||
font-family:PingFang-SC-Medium; | font-family:PingFang-SC-Medium; | ||||
font-weight:500; | font-weight:500; | ||||
line-height:44rpx; | |||||
line-height:70rpx; | |||||
} | } | ||||
.des-saleprice{ | .des-saleprice{ | ||||
display: inline; | display: inline; | ||||
@@ -1004,4 +1005,11 @@ background: #ccc8c8; | |||||
} | } | ||||
.swiper-box .wx-swiper-dot-active::before{ | .swiper-box .wx-swiper-dot-active::before{ | ||||
background:#f6792b; | background:#f6792b; | ||||
} | |||||
.yj{ | |||||
text-decoration: line-through; | |||||
color: #CCC; | |||||
font-size: 28rpx; | |||||
line-height: 70rpx; | |||||
margin-left: 10rpx; | |||||
} | } |
@@ -29,7 +29,7 @@ | |||||
<view class='price'> | <view class='price'> | ||||
<view class='price01'> | <view class='price01'> | ||||
<view class='price-unit'>¥</view> | <view class='price-unit'>¥</view> | ||||
<view class='price-num'>{{item.salePriceStr}}</view> | |||||
<view class='price-numHr'>{{item.salePriceStr}}</view> | |||||
</view> | </view> | ||||
<view class='price02'>¥{{item.priceStr}}</view> | <view class='price02'>¥{{item.priceStr}}</view> | ||||
<view class='right-button'>去拼团</view> | <view class='right-button'>去拼团</view> | ||||
@@ -60,7 +60,7 @@ | |||||
<view class='remark'>{{item.subTitle}}</view> | <view class='remark'>{{item.subTitle}}</view> | ||||
<view class='price'> | <view class='price'> | ||||
<view class='price01'> | <view class='price01'> | ||||
<view class='price-text'style="display: inline;font-size: 24rpx;">拼团价 ¥</view> | |||||
<view class='price-text'style="display: inline;font-size: 24rpx;">拼团价¥</view> | |||||
<view class='price-num'>{{item.salePrice/100}}</view> | <view class='price-num'>{{item.salePrice/100}}</view> | ||||
<!-- <view class='price-unit'>元</view> --> | <!-- <view class='price-unit'>元</view> --> | ||||
</view> | </view> | ||||
@@ -152,21 +152,39 @@ image{ | |||||
line-height:44rpx; | line-height:44rpx; | ||||
} | } | ||||
.content .price02{ | .content .price02{ | ||||
display: inline; | |||||
display: inline-block; | |||||
font-size: 24rpx; | font-size: 24rpx; | ||||
font-family:PingFang-SC-Medium; | font-family:PingFang-SC-Medium; | ||||
font-weight:500; | font-weight:500; | ||||
text-decoration:line-through; | text-decoration:line-through; | ||||
color:rgba(140,140,140,1); | color:rgba(140,140,140,1); | ||||
width: 95rpx; | |||||
overflow:hidden; | |||||
text-overflow:ellipsis; | |||||
white-space:nowrap; | |||||
line-height: 30rpx; | |||||
} | } | ||||
.content .price-num{ | .content .price-num{ | ||||
display: inline; | |||||
display: inline-block; | |||||
font-size: 32rpx; | |||||
width: 95rpx; | |||||
overflow:hidden; | |||||
text-overflow:ellipsis; | |||||
white-space:nowrap; | |||||
line-height: 30rpx; | |||||
} | |||||
.content .price-numHr{ | |||||
display: inline-block; | |||||
font-size: 40rpx; | font-size: 40rpx; | ||||
overflow:hidden; | |||||
text-overflow:ellipsis; | |||||
white-space:nowrap; | |||||
line-height: 32rpx; | |||||
} | } | ||||
.content .price-unit{ | .content .price-unit{ | ||||
display: inline; | display: inline; | ||||
font-size:24rpx; | font-size:24rpx; | ||||
/* margin-right:4rpx; */ | |||||
} | } | ||||
.right-button{ | .right-button{ | ||||
width:100rpx; | width:100rpx; | ||||
@@ -209,7 +227,6 @@ image{ | |||||
font-family:PingFang-SC-Medium; | font-family:PingFang-SC-Medium; | ||||
font-weight:500; | font-weight:500; | ||||
color:rgba(255,253,245,1); | color:rgba(255,253,245,1); | ||||
/* border-right:1px solid rgba(255, 222, 67, 1); */ | |||||
background: linear-gradient(127deg,rgba(252,177,74,1) 0%,rgba(254,70,20,1) 100%); | background: linear-gradient(127deg,rgba(252,177,74,1) 0%,rgba(254,70,20,1) 100%); | ||||
opacity: 1; | opacity: 1; | ||||
} | } | ||||