Commit a0726c4d8b12326c76e94edc0f8b90963496400a

Authored by yiren
1 parent 315bd19f

提前点餐分享页面菜品加数量

@@ -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 }