Showing
3 changed files
with
36 additions
and
5 deletions
| @@ -70,9 +70,9 @@ | @@ -70,9 +70,9 @@ | ||
| 70 | <image src="{{themeColor!='251,246,241,1'?'https://qn.colorcun.com/WechatIMG697.png':'https://qn.colorcun.com/Line2.png'}}" mode="aspectFill" class="reduceImg" bindtap="subtraction" data-item="{{item}}" /> | 70 | <image src="{{themeColor!='251,246,241,1'?'https://qn.colorcun.com/WechatIMG697.png':'https://qn.colorcun.com/Line2.png'}}" mode="aspectFill" class="reduceImg" bindtap="subtraction" data-item="{{item}}" /> |
| 71 | <view class="box flex-cc"> | 71 | <view class="box flex-cc"> |
| 72 | <view class="num flex-cc"> | 72 | <view class="num flex-cc"> |
| 73 | - {{item.count}}<view wx:if="{{item.name}}" style="color:rgba({{textColor}})">{{item.name}}</view> | 73 | + {{item.count}}<view wx:if="{{item.specs || item.unit}}" style="color:rgba({{textColor}})">{{item.specs?item.specs:item.unit}}</view> |
| 74 | </view> | 74 | </view> |
| 75 | - <view class="practice" wx:if="{{item.specs || item.unit}}" style="color:rgba({{textColor}})">{{item.specs?item.specs:item.unit}}</view> | 75 | + <view class="practice" wx:if="{{item.name}}" style="color:rgba({{textColor}})">{{item.name}}</view> |
| 76 | </view> | 76 | </view> |
| 77 | <image src="{{themeColor!='251,246,241,1'?'https://qn.colorcun.com/WechatIMG696.png':'https://qn.colorcun.com/Line1.png'}}" mode="aspectFill" class="imgs" data-type="0" bindtap="addition" data-item="{{item}}" data-key="{{index}}" data-indexs="{{indexs}}" /> | 77 | <image src="{{themeColor!='251,246,241,1'?'https://qn.colorcun.com/WechatIMG696.png':'https://qn.colorcun.com/Line1.png'}}" mode="aspectFill" class="imgs" data-type="0" bindtap="addition" data-item="{{item}}" data-key="{{index}}" data-indexs="{{indexs}}" /> |
| 78 | </view> | 78 | </view> |
| @@ -59,6 +59,11 @@ | @@ -59,6 +59,11 @@ | ||
| 59 | <view class="imgOneBox"> | 59 | <view class="imgOneBox"> |
| 60 | <image wx:if="{{item.image}}" catch:tap="preview" style="height: {{item.imageHeight>height?height+'px':item.imageHeight+'px'}};width: {{item.imageHeight>height?'':item.imageHeight==height?'100%':'100%'}}" mode="{{(item.imageHeight>height || item.imageHeight==height)?'aspectFit':''}}" src="{{item.image}}" bindload="imageLoad" data-item="{{item}}" data-index="{{index}}" data-indexs="{{indexs}}" data-idx="{{idx}}" /> | 60 | <image wx:if="{{item.image}}" catch:tap="preview" style="height: {{item.imageHeight>height?height+'px':item.imageHeight+'px'}};width: {{item.imageHeight>height?'':item.imageHeight==height?'100%':'100%'}}" mode="{{(item.imageHeight>height || item.imageHeight==height)?'aspectFit':''}}" src="{{item.image}}" bindload="imageLoad" data-item="{{item}}" data-index="{{index}}" data-indexs="{{indexs}}" data-idx="{{idx}}" /> |
| 61 | </view> | 61 | </view> |
| 62 | + <view class="countNum"> | ||
| 63 | + <view class="num">{{item.count}}</view> | ||
| 64 | + <view class="text texts" wx:if="{{item.specs || item.unit}}" style="color: rgba({{textColor}});">{{item.specs?item.specs:item.unit}}</view> | ||
| 65 | + <view class="text" wx:if="{{item.specs || item.name}}" style="color: rgba({{textColor}});">{{item.name?item.name:''}}</view> | ||
| 66 | + </view> | ||
| 62 | </view> | 67 | </view> |
| 63 | </block> | 68 | </block> |
| 64 | </block> | 69 | </block> |
| @@ -3,7 +3,7 @@ | @@ -3,7 +3,7 @@ | ||
| 3 | font-family: PingFang SC; | 3 | font-family: PingFang SC; |
| 4 | width: 100%; | 4 | width: 100%; |
| 5 | box-sizing: border-box; | 5 | box-sizing: border-box; |
| 6 | - padding-bottom: 20rpx; | 6 | + padding-bottom: 140rpx; |
| 7 | } | 7 | } |
| 8 | 8 | ||
| 9 | .info { | 9 | .info { |
| @@ -261,6 +261,7 @@ | @@ -261,6 +261,7 @@ | ||
| 261 | width: 100%; | 261 | width: 100%; |
| 262 | display: flex; | 262 | display: flex; |
| 263 | justify-content: center; | 263 | justify-content: center; |
| 264 | + font-size: 24rpx; | ||
| 264 | } | 265 | } |
| 265 | 266 | ||
| 266 | .normsBox{ | 267 | .normsBox{ |
| @@ -283,6 +284,7 @@ | @@ -283,6 +284,7 @@ | ||
| 283 | .oneBox { | 284 | .oneBox { |
| 284 | display: flex; | 285 | display: flex; |
| 285 | margin-right: 20rpx; | 286 | margin-right: 20rpx; |
| 287 | + flex-wrap: wrap; | ||
| 286 | } | 288 | } |
| 287 | .content { | 289 | .content { |
| 288 | padding: 20rpx 0 20rpx 20rpx; | 290 | padding: 20rpx 0 20rpx 20rpx; |
| @@ -291,16 +293,40 @@ | @@ -291,16 +293,40 @@ | ||
| 291 | } | 293 | } |
| 292 | 294 | ||
| 293 | .dishTexts { | 295 | .dishTexts { |
| 296 | + display: flex; | ||
| 297 | + flex-wrap: wrap; | ||
| 294 | padding: 0 40rpx 30rpx 20rpx; | 298 | padding: 0 40rpx 30rpx 20rpx; |
| 295 | color: #000; | 299 | color: #000; |
| 296 | font-family: PingFang SC; | 300 | font-family: PingFang SC; |
| 297 | font-weight: 500; | 301 | font-weight: 500; |
| 298 | - font-size: 40rpx; | 302 | + font-size: 28rpx; |
| 299 | width: 100%; | 303 | width: 100%; |
| 300 | font-family: PingFang SC; | 304 | font-family: PingFang SC; |
| 301 | font-weight: 500; | 305 | font-weight: 500; |
| 302 | - font-size: 28rpx; | ||
| 303 | } | 306 | } |
| 304 | .dishTexts .texts { | 307 | .dishTexts .texts { |
| 305 | margin-right: 30rpx; | 308 | margin-right: 30rpx; |
| 309 | +} | ||
| 310 | +.countNum{ | ||
| 311 | + display: flex; | ||
| 312 | + align-items: center; | ||
| 313 | + justify-content: center; | ||
| 314 | + border-bottom: 4rpx solid #dbdbdb ; | ||
| 315 | +} | ||
| 316 | +.countNum .num{ | ||
| 317 | + color: #e34d59; | ||
| 318 | + font-family: PingFang SC; | ||
| 319 | + font-weight: 500; | ||
| 320 | + font-size: 80rpx; | ||
| 321 | + height: 100rpx; | ||
| 322 | + line-height: 100rpx; | ||
| 323 | + padding-right: 10rpx; | ||
| 324 | +} | ||
| 325 | +.countNum .text{ | ||
| 326 | + font-family: PingFang SC; | ||
| 327 | + font-weight: 500; | ||
| 328 | + font-size: 32rpx; | ||
| 329 | +} | ||
| 330 | +.countNum .texts{ | ||
| 331 | + margin: 0 20rpx; | ||
| 306 | } | 332 | } |
-
Please register or login to post a comment