Commit dc438b067412d6486f7e3e2024f2fb080ee855ed

Authored by pengye
1 parent 248a517a

邀请函新模板页面和样式处理2

@@ -63,6 +63,7 @@ @@ -63,6 +63,7 @@
63 "pages/customer/detail_owner_invitation2", 63 "pages/customer/detail_owner_invitation2",
64 "pages/customer/detail_owner_invitation3", 64 "pages/customer/detail_owner_invitation3",
65 "pages/customer/detail_owner_invitation4", 65 "pages/customer/detail_owner_invitation4",
  66 + "pages/customer/detail_owner_invitation5",
66 "pages/customer/detail_owner_invitation6" 67 "pages/customer/detail_owner_invitation6"
67 ], 68 ],
68 "requiredPrivateInfos": [ 69 "requiredPrivateInfos": [
@@ -34,7 +34,7 @@ @@ -34,7 +34,7 @@
34 <view class="contentData">{{reserve.park_info}}</view> 34 <view class="contentData">{{reserve.park_info}}</view>
35 </view> 35 </view>
36 <view class="flex-11" wx:if="{{ swich_phone!='0' && detail.seller.phone}}"> 36 <view class="flex-11" wx:if="{{ swich_phone!='0' && detail.seller.phone}}">
37 - <view class="label">【联系电话】</view> 37 + <view class="label">【联系餐厅】</view>
38 <view class="contentData">{{detail.seller.phone}}</view> 38 <view class="contentData">{{detail.seller.phone}}</view>
39 </view> 39 </view>
40 <view wx:if="{{roomimage && roomimage.length>0}}" class="page-section-spacing"> 40 <view wx:if="{{roomimage && roomimage.length>0}}" class="page-section-spacing">
@@ -63,22 +63,22 @@ @@ -63,22 +63,22 @@
63 <view class="preferential" wx:if="{{marketing && marketing.is_coupon=='1' && coupon_dataList.length>0}}"> 63 <view class="preferential" wx:if="{{marketing && marketing.is_coupon=='1' && coupon_dataList.length>0}}">
64 <block wx:for="{{coupon_dataList}}" wx:key="index" wx:for-index="index"> 64 <block wx:for="{{coupon_dataList}}" wx:key="index" wx:for-index="index">
65 <view class="preferentialItems" wx:if="{{dataStr<(item.etime*1)}}"> 65 <view class="preferentialItems" wx:if="{{dataStr<(item.etime*1)}}">
66 - <view class="itemLeft"> 66 + <view class="itemsLeft">
67 <view class="itemTop"> 67 <view class="itemTop">
68 - <text>{{item.aname}}</text>  
69 - <view class="priceText" wx:if="{{item.price}}">  
70 - <view class="icons">¥</view>{{item.price}} 68 + <text class="font28r">{{item.aname}}</text>
  69 + <view class="priceText font24r" wx:if="{{item.price}}">
  70 + <view class="icons font24r">¥</view>{{item.price}}
71 </view> 71 </view>
72 <!-- is_cash 代金券 is_discount折扣券 is_dish菜品券 只有代金券有几折显示 --> 72 <!-- is_cash 代金券 is_discount折扣券 is_dish菜品券 只有代金券有几折显示 -->
73 - <text wx:if="{{item.discount!='0.00' && (item.use.is_cash=='1' || item.use.is_cash) && item.discount}}" class="discountText">{{item.discount}}折</text> 73 + <text wx:if="{{item.discount!='0.00' && (item.use.is_cash=='1' || item.use.is_cash) && item.discount}}" class="discountText font24r">{{item.discount}}折</text>
74 </view> 74 </view>
75 - <view wx:if="{{item.exp_date.is_week=='1' || item.exp_date.is_week===true}}" class="bottom"> 75 + <view wx:if="{{item.exp_date.is_week=='1' || item.exp_date.is_week===true}}" class="bottom font24r">
76 {{item.exp_date.week_show?item.exp_date.week_show+'可用':''}}{{item.desc?','+item.desc+'。':'。'}} 76 {{item.exp_date.week_show?item.exp_date.week_show+'可用':''}}{{item.desc?','+item.desc+'。':'。'}}
77 </view> 77 </view>
78 - <view wx:if="{{item.exp_date.is_none=='1' || item.exp_date.is_none===true}}" class="bottom"> 78 + <view wx:if="{{item.exp_date.is_none=='1' || item.exp_date.is_none===true}}" class="bottom font24r">
79 无限制{{item.desc?','+item.desc+'。':'。'}} 79 无限制{{item.desc?','+item.desc+'。':'。'}}
80 </view> 80 </view>
81 - <view wx:if="{{item.exp_date.is_birthday=='1' || item.exp_date.is_birthday===true}}" class="bottom"> 81 + <view wx:if="{{item.exp_date.is_birthday=='1' || item.exp_date.is_birthday===true}}" class="bottom font24r">
82 会员生日当天可用{{item.desc?','+item.desc+'。':'。'}} 82 会员生日当天可用{{item.desc?','+item.desc+'。':'。'}}
83 </view> 83 </view>
84 </view> 84 </view>
@@ -154,17 +154,17 @@ @@ -154,17 +154,17 @@
154 </view> 154 </view>
155 <!-- 当前日期要大于限制结束日期 --> 155 <!-- 当前日期要大于限制结束日期 -->
156 <view class="preferentialItems" wx:if="{{marketing && marketing.is_recharge=='1' && recharge_data && (is_fix!='1' || (is_fix=='1' && dataStr<(recharge_data.exp_date.fix_edate*1)))}}"> 156 <view class="preferentialItems" wx:if="{{marketing && marketing.is_recharge=='1' && recharge_data && (is_fix!='1' || (is_fix=='1' && dataStr<(recharge_data.exp_date.fix_edate*1)))}}">
157 - <view class="itemLeft"> 157 + <view class="itemsLeft">
158 <view class="itemTop"> 158 <view class="itemTop">
159 - <text>{{recharge_data.rname}}</text> 159 + <text class="font28r">{{recharge_data.rname}}</text>
160 </view> 160 </view>
161 - <view class="itemBottom" wx:if="{{priceInfo}}"> 161 + <view class="itemBottom font24r" wx:if="{{priceInfo}}">
162 {{priceInfo}}{{(recharge_data.recharge_list.is_coupons=='0' && recharge_data.recharge_list.is_score=='0')?'。':';'}} 162 {{priceInfo}}{{(recharge_data.recharge_list.is_coupons=='0' && recharge_data.recharge_list.is_score=='0')?'。':';'}}
163 </view> 163 </view>
164 - <view class="bottom" wx:if="{{scoreInfo}}"> 164 + <view class="bottom font24r" wx:if="{{scoreInfo}}">
165 {{scoreInfo}}{{recharge_data.recharge_list.is_coupons=='0'?'。':';'}} 165 {{scoreInfo}}{{recharge_data.recharge_list.is_coupons=='0'?'。':';'}}
166 </view> 166 </view>
167 - <view class="bottom" wx:if="{{recharge_data.recharge_list.is_coupons=='1'}}"> 167 + <view class="bottom font24r" wx:if="{{recharge_data.recharge_list.is_coupons=='1'}}">
168 {{recharge_data.recharge_list.is_coupons=='1'?'会员充值满'+marketing.recharge_data.recharge_money+'元赠送'+certificate:''}}。 168 {{recharge_data.recharge_list.is_coupons=='1'?'会员充值满'+marketing.recharge_data.recharge_money+'元赠送'+certificate:''}}。
169 </view> 169 </view>
170 </view> 170 </view>
@@ -276,7 +276,7 @@ @@ -276,7 +276,7 @@
276 background-size: 100% 100%; 276 background-size: 100% 100%;
277 } 277 }
278 278
279 -.itemLeft { 279 +.itemsLeft {
280 width: 75%; 280 width: 75%;
281 } 281 }
282 282
@@ -301,7 +301,6 @@ @@ -301,7 +301,6 @@
301 } 301 }
302 302
303 .itemTop text:nth-of-type(1) { 303 .itemTop text:nth-of-type(1) {
304 - font-size: 28rpx;  
305 font-weight: 600; 304 font-weight: 600;
306 color: #515151; 305 color: #515151;
307 } 306 }
@@ -313,15 +312,11 @@ @@ -313,15 +312,11 @@
313 border-radius: 6rpx; 312 border-radius: 6rpx;
314 margin: 0 10rpx 0 20rpx; 313 margin: 0 10rpx 0 20rpx;
315 font-family: PingFang SC; 314 font-family: PingFang SC;
316 - font-size: 24rpx;  
317 - height: 30rpx;  
318 - line-height: 30rpx;  
319 } 315 }
320 316
321 .itemTop .priceText { 317 .itemTop .priceText {
322 color: #E34D59; 318 color: #E34D59;
323 font-weight: 500; 319 font-weight: 500;
324 - font-size: 30rpx;  
325 } 320 }
326 321
327 .priceText { 322 .priceText {
@@ -450,8 +450,8 @@ Page({ @@ -450,8 +450,8 @@ Page({
450 // themeColor = 'stoneGreen' // 石绿 450 // themeColor = 'stoneGreen' // 石绿
451 // themeColor = 'turmeric' // 姜黄 451 // themeColor = 'turmeric' // 姜黄
452 // themeColor = 'greenishYellow' // 苍黄 452 // themeColor = 'greenishYellow' // 苍黄
453 - themeColor = 'golden' // 金黄  
454 - // themeColor = 'ultramarine' // 群青 453 + // themeColor = 'golden' // 金黄
  454 + themeColor = 'ultramarine' // 群青
455 // themeColor = 'moroccanBlue' // 摩洛哥蓝 455 // themeColor = 'moroccanBlue' // 摩洛哥蓝
456 if (themeColor == 'turmeric' || themeColor == 'golden') { 456 if (themeColor == 'turmeric' || themeColor == 'golden') {
457 whiteBj = true 457 whiteBj = true
@@ -4,7 +4,7 @@ @@ -4,7 +4,7 @@
4 <scroll-view scroll-y class="{{themeColor}}"> 4 <scroll-view scroll-y class="{{themeColor}}">
5 <view class="reservationInfo"> 5 <view class="reservationInfo">
6 <view class="titleImg"> 6 <view class="titleImg">
7 - <image src="{{whiteBj?'https://qn.colorcun.com/whiteBj1.png':'http://nosqn.colorcun.com/book-flower.png'}}" class="titleIcon"></image> 7 + <image src="{{whiteBj?'https://qn.colorcun.com/whiteBj1.png':'https://qn.colorcun.com/leaf.png'}}" class="titleIcon"></image>
8 <view class="title">{{home?home.title:seller.name}}</view> 8 <view class="title">{{home?home.title:seller.name}}</view>
9 <view class="info"> 9 <view class="info">
10 {{home.slogan}} 10 {{home.slogan}}
@@ -72,20 +72,20 @@ @@ -72,20 +72,20 @@
72 <view class="preferentialItems" wx:if="{{dataStr<(item.etime*1)}}"> 72 <view class="preferentialItems" wx:if="{{dataStr<(item.etime*1)}}">
73 <view class="itemLeft"> 73 <view class="itemLeft">
74 <view class="itemTop"> 74 <view class="itemTop">
75 - <text>{{item.aname}}</text>  
76 - <view class="priceText" wx:if="{{item.price}}">  
77 - <view class="icons">¥</view>{{item.price}} 75 + <text class="font28r">{{item.aname}}</text>
  76 + <view class="priceText font24r" wx:if="{{item.price}}">
  77 + <view class="icons font24r">¥</view>{{item.price}}
78 </view> 78 </view>
79 <!-- is_cash 代金券 is_discount折扣券 is_dish菜品券 只有代金券有几折显示 --> 79 <!-- is_cash 代金券 is_discount折扣券 is_dish菜品券 只有代金券有几折显示 -->
80 - <text wx:if="{{item.discount!='0.00' && (item.use.is_cash=='1' || item.use.is_cash) && item.discount}}" class="discountText">{{item.discount}}折</text> 80 + <text wx:if="{{item.discount!='0.00' && (item.use.is_cash=='1' || item.use.is_cash) && item.discount}}" class="discountText font24r">{{item.discount}}折</text>
81 </view> 81 </view>
82 - <view wx:if="{{item.exp_date.is_week=='1' || item.exp_date.is_week===true}}" class="bottom"> 82 + <view wx:if="{{item.exp_date.is_week=='1' || item.exp_date.is_week===true}}" class="bottom font24r">
83 {{item.exp_date.week_show?item.exp_date.week_show+'可用':''}}{{item.desc?','+item.desc+'。':'。'}} 83 {{item.exp_date.week_show?item.exp_date.week_show+'可用':''}}{{item.desc?','+item.desc+'。':'。'}}
84 </view> 84 </view>
85 - <view wx:if="{{item.exp_date.is_none=='1' || item.exp_date.is_none===true}}" class="bottom"> 85 + <view wx:if="{{item.exp_date.is_none=='1' || item.exp_date.is_none===true}}" class="bottom font24r">
86 无限制{{item.desc?','+item.desc+'。':'。'}} 86 无限制{{item.desc?','+item.desc+'。':'。'}}
87 </view> 87 </view>
88 - <view wx:if="{{item.exp_date.is_birthday=='1' || item.exp_date.is_birthday===true}}" class="bottom"> 88 + <view wx:if="{{item.exp_date.is_birthday=='1' || item.exp_date.is_birthday===true}}" class="bottom font24r">
89 会员生日当天可用{{item.desc?','+item.desc+'。':'。'}} 89 会员生日当天可用{{item.desc?','+item.desc+'。':'。'}}
90 </view> 90 </view>
91 </view> 91 </view>
@@ -162,16 +162,16 @@ @@ -162,16 +162,16 @@
162 <!-- 当前日期要大于限制结束日期 --> 162 <!-- 当前日期要大于限制结束日期 -->
163 <view class="preferentialItems" wx:if="{{marketing && marketing.is_recharge=='1' && recharge_data && (is_fix!='1' || (is_fix=='1' && dataStr<(recharge_data.exp_date.fix_edate*1)))}}"> 163 <view class="preferentialItems" wx:if="{{marketing && marketing.is_recharge=='1' && recharge_data && (is_fix!='1' || (is_fix=='1' && dataStr<(recharge_data.exp_date.fix_edate*1)))}}">
164 <view class="itemLeft"> 164 <view class="itemLeft">
165 - <view class="itemTop"> 165 + <view class="itemTop font28r">
166 <text>{{recharge_data.rname}}</text> 166 <text>{{recharge_data.rname}}</text>
167 </view> 167 </view>
168 - <view class="itemBottom" wx:if="{{priceInfo}}"> 168 + <view class="itemBottom font24r" wx:if="{{priceInfo}}">
169 {{priceInfo}}{{(recharge_data.recharge_list.is_coupons=='0' && recharge_data.recharge_list.is_score=='0')?'。':';'}} 169 {{priceInfo}}{{(recharge_data.recharge_list.is_coupons=='0' && recharge_data.recharge_list.is_score=='0')?'。':';'}}
170 </view> 170 </view>
171 - <view class="bottom" wx:if="{{scoreInfo}}"> 171 + <view class="bottom font24r" wx:if="{{scoreInfo}}">
172 {{scoreInfo}}{{recharge_data.recharge_list.is_coupons=='0'?'。':';'}} 172 {{scoreInfo}}{{recharge_data.recharge_list.is_coupons=='0'?'。':';'}}
173 </view> 173 </view>
174 - <view class="bottom" wx:if="{{recharge_data.recharge_list.is_coupons=='1'}}"> 174 + <view class="bottom font24r" wx:if="{{recharge_data.recharge_list.is_coupons=='1'}}">
175 {{recharge_data.recharge_list.is_coupons=='1'?'会员充值满'+marketing.recharge_data.recharge_money+'元赠送'+certificate:''}}。 175 {{recharge_data.recharge_list.is_coupons=='1'?'会员充值满'+marketing.recharge_data.recharge_money+'元赠送'+certificate:''}}。
176 </view> 176 </view>
177 </view> 177 </view>
@@ -338,7 +338,6 @@ @@ -338,7 +338,6 @@
338 } 338 }
339 339
340 .itemTop text:nth-of-type(1) { 340 .itemTop text:nth-of-type(1) {
341 - font-size: 28rpx;  
342 font-weight: 600; 341 font-weight: 600;
343 color: #515151; 342 color: #515151;
344 } 343 }
@@ -350,15 +349,11 @@ @@ -350,15 +349,11 @@
350 border-radius: 6rpx; 349 border-radius: 6rpx;
351 margin: 0 10rpx 0 20rpx; 350 margin: 0 10rpx 0 20rpx;
352 font-family: PingFang SC; 351 font-family: PingFang SC;
353 - font-size: 24rpx;  
354 - height: 30rpx;  
355 - line-height: 30rpx;  
356 } 352 }
357 353
358 .itemTop .priceText { 354 .itemTop .priceText {
359 color: #E34D59; 355 color: #E34D59;
360 font-weight: 500; 356 font-weight: 500;
361 - font-size: 30rpx;  
362 } 357 }
363 358
364 .priceText { 359 .priceText {
@@ -2,10 +2,10 @@ @@ -2,10 +2,10 @@
2 <nav hasHome class="navhome" place="{{true}}"></nav> 2 <nav hasHome class="navhome" place="{{true}}"></nav>
3 <scroll-view scroll-y class="{{themeColor}}"> 3 <scroll-view scroll-y class="{{themeColor}}">
4 <view class="reservationInfo"> 4 <view class="reservationInfo">
5 - <image src="{{whiteBj?'https://qn.colorcun.com/whiteBj1.png':'http://nosqn.colorcun.com/book-flower.png'}}" class="titleIcon"></image>  
6 - <image src="{{whiteBj?'https://qn.colorcun.com/whiteBj2.png':'https://qn.colorcun.com/bj.png'}}" class="bjIcon"></image> 5 + <image src="{{whiteBj?'https://qn.colorcun.com/whiteBj1.png':'https://qn.colorcun.com/leaf.png'}}" class="titleIcon"></image>
  6 + <image src="{{whiteBj?'https://qn.colorcun.com/whiteBj2.png':'https://qn.colorcun.com/leaf1.png'}}" class="bjIcon"></image>
7 <view class="infoBox"> 7 <view class="infoBox">
8 - <view class="left"> 8 + <view class="boxLeft">
9 <view class="title">{{seller.name}}</view> 9 <view class="title">{{seller.name}}</view>
10 <view class="leftLine"></view> 10 <view class="leftLine"></view>
11 <view class="leftInfo font36r">{{seller.date}} {{seller.soltName}}</view> 11 <view class="leftInfo font36r">{{seller.date}} {{seller.soltName}}</view>
@@ -14,7 +14,7 @@ @@ -14,7 +14,7 @@
14 <view class="leftInfo font36r tables" wx:if="{{detail.seller.phone}}">预订台 {{detail.seller.phone}}</view> 14 <view class="leftInfo font36r tables" wx:if="{{detail.seller.phone}}">预订台 {{detail.seller.phone}}</view>
15 </view> 15 </view>
16 <view class="line"></view> 16 <view class="line"></view>
17 - <view class="right"> 17 + <view class="infoBoxRight">
18 <text>邀请函</text> 18 <text>邀请函</text>
19 </view> 19 </view>
20 </view> 20 </view>
@@ -50,22 +50,22 @@ @@ -50,22 +50,22 @@
50 <view class="preferential" wx:if="{{marketing && marketing.is_coupon=='1' && coupon_dataList.length>0}}"> 50 <view class="preferential" wx:if="{{marketing && marketing.is_coupon=='1' && coupon_dataList.length>0}}">
51 <block wx:for="{{coupon_dataList}}" wx:key="index" wx:for-index="index"> 51 <block wx:for="{{coupon_dataList}}" wx:key="index" wx:for-index="index">
52 <view class="preferentialItems" wx:if="{{dataStr<(item.etime*1)}}"> 52 <view class="preferentialItems" wx:if="{{dataStr<(item.etime*1)}}">
53 - <view class="left"> 53 + <view class="itemsLeft">
54 <view class="top"> 54 <view class="top">
55 - <text>{{item.aname}}</text>  
56 - <view class="price" wx:if="{{item.price}}">  
57 - <view class="icons">¥</view>{{item.price}} 55 + <text class="font28r">{{item.aname}}</text>
  56 + <view class="price font24r" wx:if="{{item.price}}">
  57 + <view class="icons font24r">¥</view>{{item.price}}
58 </view> 58 </view>
59 <!-- is_cash 代金券 is_discount折扣券 is_dish菜品券 只有代金券有几折显示 --> 59 <!-- is_cash 代金券 is_discount折扣券 is_dish菜品券 只有代金券有几折显示 -->
60 - <text wx:if="{{item.discount!='0.00' && (item.use.is_cash=='1' || item.use.is_cash) && item.discount}}" class="discount">{{item.discount}}折</text> 60 + <text wx:if="{{item.discount!='0.00' && (item.use.is_cash=='1' || item.use.is_cash) && item.discount}}" class="discount font24r">{{item.discount}}折</text>
61 </view> 61 </view>
62 - <view wx:if="{{item.exp_date.is_week=='1' || item.exp_date.is_week===true}}" class="bottom"> 62 + <view wx:if="{{item.exp_date.is_week=='1' || item.exp_date.is_week===true}}" class="bottom font24r">
63 {{item.exp_date.week_show?item.exp_date.week_show+'可用':''}}{{item.desc?','+item.desc+'。':'。'}} 63 {{item.exp_date.week_show?item.exp_date.week_show+'可用':''}}{{item.desc?','+item.desc+'。':'。'}}
64 </view> 64 </view>
65 - <view wx:if="{{item.exp_date.is_none=='1' || item.exp_date.is_none===true}}" class="bottom"> 65 + <view wx:if="{{item.exp_date.is_none=='1' || item.exp_date.is_none===true}}" class="bottom font24r">
66 无限制{{item.desc?','+item.desc+'。':'。'}} 66 无限制{{item.desc?','+item.desc+'。':'。'}}
67 </view> 67 </view>
68 - <view wx:if="{{item.exp_date.is_birthday=='1' || item.exp_date.is_birthday===true}}" class="bottom"> 68 + <view wx:if="{{item.exp_date.is_birthday=='1' || item.exp_date.is_birthday===true}}" class="bottom font24r">
69 会员生日当天可用{{item.desc?','+item.desc+'。':'。'}} 69 会员生日当天可用{{item.desc?','+item.desc+'。':'。'}}
70 </view> 70 </view>
71 </view> 71 </view>
@@ -138,17 +138,17 @@ @@ -138,17 +138,17 @@
138 </view> 138 </view>
139 <!-- 当前日期要大于限制结束日期 --> 139 <!-- 当前日期要大于限制结束日期 -->
140 <view class="preferentialItems" wx:if="{{marketing && marketing.is_recharge=='1' && recharge_data && (is_fix!='1' || (is_fix=='1' && dataStr<(recharge_data.exp_date.fix_edate*1)))}}"> 140 <view class="preferentialItems" wx:if="{{marketing && marketing.is_recharge=='1' && recharge_data && (is_fix!='1' || (is_fix=='1' && dataStr<(recharge_data.exp_date.fix_edate*1)))}}">
141 - <view class="left">  
142 - <view class="top"> 141 + <view class="itemsLeft">
  142 + <view class="top font28r">
143 <text>{{recharge_data.rname}}</text> 143 <text>{{recharge_data.rname}}</text>
144 </view> 144 </view>
145 - <view class="bottom" wx:if="{{priceInfo}}"> 145 + <view class="bottom font24r" wx:if="{{priceInfo}}">
146 {{priceInfo}}{{(recharge_data.recharge_list.is_coupons=='0' && recharge_data.recharge_list.is_score=='0')?'。':';'}} 146 {{priceInfo}}{{(recharge_data.recharge_list.is_coupons=='0' && recharge_data.recharge_list.is_score=='0')?'。':';'}}
147 </view> 147 </view>
148 - <view class="bottom" wx:if="{{scoreInfo}}"> 148 + <view class="bottom font24r" wx:if="{{scoreInfo}}">
149 {{scoreInfo}}{{recharge_data.recharge_list.is_coupons=='0'?'。':';'}} 149 {{scoreInfo}}{{recharge_data.recharge_list.is_coupons=='0'?'。':';'}}
150 </view> 150 </view>
151 - <view class="bottom" wx:if="{{recharge_data.recharge_list.is_coupons=='1'}}"> 151 + <view class="bottom font24r" wx:if="{{recharge_data.recharge_list.is_coupons=='1'}}">
152 {{recharge_data.recharge_list.is_coupons=='1'?'会员充值满'+marketing.recharge_data.recharge_money+'元赠送'+certificate:''}}。 152 {{recharge_data.recharge_list.is_coupons=='1'?'会员充值满'+marketing.recharge_data.recharge_money+'元赠送'+certificate:''}}。
153 </view> 153 </view>
154 </view> 154 </view>
@@ -5,7 +5,7 @@ @@ -5,7 +5,7 @@
5 top: 0; 5 top: 0;
6 left: 0; 6 left: 0;
7 width: 750rpx; 7 width: 750rpx;
8 - height: 850rpx; 8 + height: 770rpx;
9 position: relative; 9 position: relative;
10 } 10 }
11 11
@@ -28,7 +28,7 @@ @@ -28,7 +28,7 @@
28 height: 166rpx; 28 height: 166rpx;
29 position: absolute !important; 29 position: absolute !important;
30 right: 0; 30 right: 0;
31 - bottom: 12%; 31 + bottom: 20%;
32 } 32 }
33 33
34 .title { 34 .title {
@@ -39,7 +39,7 @@ @@ -39,7 +39,7 @@
39 font-weight: 500; 39 font-weight: 500;
40 } 40 }
41 41
42 -.infoBox .left { 42 +.infoBox .boxLeft {
43 display: flex; 43 display: flex;
44 flex-direction: column; 44 flex-direction: column;
45 align-items: flex-end; 45 align-items: flex-end;
@@ -74,7 +74,7 @@ @@ -74,7 +74,7 @@
74 top: -6%; 74 top: -6%;
75 } 75 }
76 76
77 -.infoBox .right { 77 +.infoBox .infoBoxRight {
78 color: #FFD200; 78 color: #FFD200;
79 font-family: PingFang SC; 79 font-family: PingFang SC;
80 font-weight: 500; 80 font-weight: 500;
@@ -238,7 +238,7 @@ @@ -238,7 +238,7 @@
238 border-radius: 22rpx; 238 border-radius: 22rpx;
239 text-align: center; 239 text-align: center;
240 background: linear-gradient(104.24deg, #4c8dad -57.47%, #0143a3 55.72%, #42a5ff 148.72%); 240 background: linear-gradient(104.24deg, #4c8dad -57.47%, #0143a3 55.72%, #42a5ff 148.72%);
241 - margin: 20rpx 0; 241 + margin: 20rpx 10rpx 20rpx 0;
242 line-height: 44rpx; 242 line-height: 44rpx;
243 height: 44rpx; 243 height: 44rpx;
244 } 244 }
@@ -261,7 +261,7 @@ @@ -261,7 +261,7 @@
261 margin: 30rpx 0; 261 margin: 30rpx 0;
262 } 262 }
263 263
264 -.left { 264 +.boxLeft {
265 flex: 1; 265 flex: 1;
266 margin-right: 20rpx; 266 margin-right: 20rpx;
267 padding: 16rpx 0; 267 padding: 16rpx 0;
@@ -287,8 +287,7 @@ @@ -287,8 +287,7 @@
287 } 287 }
288 288
289 .top text:nth-of-type(1) { 289 .top text:nth-of-type(1) {
290 - font-size: 28rpx;  
291 - font-weight: 500; 290 + font-weight: 600;
292 color: #515151; 291 color: #515151;
293 } 292 }
294 293
@@ -299,7 +298,6 @@ @@ -299,7 +298,6 @@
299 border-radius: 6rpx; 298 border-radius: 6rpx;
300 margin: 0 10rpx 0 20rpx; 299 margin: 0 10rpx 0 20rpx;
301 font-family: PingFang SC; 300 font-family: PingFang SC;
302 - font-size: 24rpx;  
303 height: 30rpx; 301 height: 30rpx;
304 line-height: 30rpx; 302 line-height: 30rpx;
305 } 303 }
@@ -307,7 +305,6 @@ @@ -307,7 +305,6 @@
307 .top .price { 305 .top .price {
308 color: #E34D59; 306 color: #E34D59;
309 font-weight: 500; 307 font-weight: 500;
310 - font-size: 30rpx;  
311 } 308 }
312 309
313 .price { 310 .price {
@@ -319,7 +316,6 @@ @@ -319,7 +316,6 @@
319 .price .icons { 316 .price .icons {
320 margin-left: 18rpx; 317 margin-left: 18rpx;
321 color: #E34D59; 318 color: #E34D59;
322 - font-size: 20rpx;  
323 } 319 }
324 320
325 .vips image { 321 .vips image {
@@ -430,7 +426,7 @@ @@ -430,7 +426,7 @@
430 } 426 }
431 427
432 .evaluateBox { 428 .evaluateBox {
433 - margin: 16rpx 44rpx 16rpx 48rpx; 429 + margin: 16rpx 84rpx 16rpx 40rpx;
434 display: flex; 430 display: flex;
435 align-items: center; 431 align-items: center;
436 justify-content: space-between; 432 justify-content: space-between;
@@ -496,6 +492,13 @@ @@ -496,6 +492,13 @@
496 white-space: nowrap; 492 white-space: nowrap;
497 width: auto; 493 width: auto;
498 overflow-x: scroll; 494 overflow-x: scroll;
  495 + position: relative;
  496 + top: -13%;
  497 +}
  498 +
  499 +.itemsLeft {
  500 + width: 75%;
  501 + padding: 16rpx 0;
499 } 502 }
500 503
501 .more { 504 .more {
@@ -526,7 +529,7 @@ @@ -526,7 +529,7 @@
526 529
527 .blackBlueGradient .chefText, 530 .blackBlueGradient .chefText,
528 .blackBlueGradient .rubric { 531 .blackBlueGradient .rubric {
529 - color: #000000; 532 + color: #0143A3;
530 } 533 }
531 534
532 /* 石绿过渡 */ 535 /* 石绿过渡 */
@@ -610,7 +613,7 @@ @@ -610,7 +613,7 @@
610 } 613 }
611 614
612 .turmeric .title, 615 .turmeric .title,
613 -.turmeric .right { 616 +.turmeric .infoBoxRight {
614 color: #fff; 617 color: #fff;
615 } 618 }
616 619
@@ -640,7 +643,7 @@ @@ -640,7 +643,7 @@
640 } 643 }
641 644
642 .golden .title, 645 .golden .title,
643 -.golden .right { 646 +.golden .infoBoxRight {
644 color: #fff; 647 color: #fff;
645 } 648 }
646 649
  1 +// pages/customer/detail_owner_invitation5.js
  2 +var mta = require('mta-wechat-analysis')
  3 +import util from '../../utils/util';
  4 +import App from '../../utils/api';
  5 +import TP from '../../utils/tpls';
  6 +import RS from '../../utils/reserveStatus'
  7 +Page({
  8 + /**
  9 + * 页面的初始数据
  10 + */
  11 + data: {
  12 + options: {
  13 + tplid: ''
  14 + },
  15 + tableNum: 0,
  16 + detail: {},
  17 + staffinfo: {},
  18 + between: false,
  19 + chef: {},
  20 + marketing: {},
  21 + home: {},
  22 + reserve: {},
  23 + signboard: {},
  24 + store: {},
  25 + recharge_data: {},
  26 + coupon_dataList: [],
  27 + stringifyUse: '',
  28 + current: 0,
  29 + seller: {
  30 + name: '',
  31 + tablesText: '',
  32 + date: '',
  33 + addr: ''
  34 + },
  35 + priceInfo: '',
  36 + scoreInfo: '',
  37 + discount: '',
  38 + certificate: '',
  39 + dataStr: Date.now() * 1 / 1000,
  40 + swich_phone: '0',
  41 + is_comments: '0',
  42 + is_user_comments: false,
  43 + tableinfo: [],
  44 + StyleType: '',
  45 + showMoreTip: true,
  46 + themeColor: '',
  47 + whiteBj: false,
  48 + },
  49 + tablestr: '',
  50 + urlsValue: [],
  51 + screenHeight: '',
  52 + /**
  53 + * 生命周期函数--监听页面加载
  54 + */
  55 + onLoad(options) {
  56 + this.id = options.id
  57 + let param = {
  58 + options: options,
  59 + hasOwner: options.hasSellerShare == 1, //是否为发起人
  60 + }
  61 + param.tpls = [TP.tpls(options.tplid)]
  62 + console.log(param);
  63 + console.log(options);
  64 + this.setData(param)
  65 + mta.Page.init({
  66 + "appID": "500667280",
  67 + "eventID": "500667287",
  68 + "statPullDownFresh": true,
  69 + "statShareApp": true,
  70 + "statReachBottom": true,
  71 + "lauchOpts": options, //渠道分析
  72 + });
  73 + const systemInfo = wx.getSystemInfoSync();
  74 + this.screenHeight = systemInfo.windowHeight; // 获取屏幕高度
  75 + },
  76 + // 页面滚动事件
  77 + onPageScroll: function (event) {
  78 + const scrollTop = event.scrollTop * 1 + this.screenHeight - 80; // 获取滚动的距离
  79 + if (scrollTop < this.screenHeight) {
  80 + this.setData({
  81 + showMoreTip: true
  82 + });
  83 + } else {
  84 + this.setData({
  85 + showMoreTip: false
  86 + });
  87 + }
  88 + },
  89 + // 点击了解更多会员优惠政策
  90 + gotoFavourableList() {
  91 + let url = util.http_build_query({
  92 + sellerName: this.data.seller.name,
  93 + sellerid: this.data.seller.sid,
  94 + oid: this.data.detail.id,
  95 + types: '1'
  96 + }, '/pack-cookbook/pages/favourableList')
  97 + wx.navigateTo({
  98 + url
  99 + })
  100 + },
  101 + // 去评价
  102 + evaluateFun() {
  103 + let url = util.http_build_query({
  104 + sellerName: this.data.seller.name,
  105 + sellerid: this.data.seller.sid,
  106 + oid: this.data.detail.id,
  107 + types: '1',
  108 + previousPage: '1',
  109 + }, '/pages/pinglun/createOpinion')
  110 + wx.navigateTo({
  111 + url
  112 + })
  113 + },
  114 + /**
  115 + * 用户点击右上角分享
  116 + */
  117 + onShareAppMessage: function () {
  118 + return this.sharesetting();
  119 + },
  120 + /**
  121 + * 监听用户点击分享到朋友圈按钮的操作
  122 + */
  123 + onShareTimeline() {
  124 + return this.sharesetting();
  125 + },
  126 + /**
  127 + * 生命周期函数--监听页面显示
  128 + */
  129 + onShow: function () {
  130 + this.getDetail()
  131 + },
  132 + // 复制微信号
  133 + copyWeChat() {
  134 + if (this.data.staffinfo.wechat) {
  135 + wx.setClipboardData({
  136 + data: this.data.staffinfo.wechat,
  137 + success(res) {
  138 + wx.getClipboardData({
  139 + success(res) {
  140 + console.log(res.data) // data
  141 + }
  142 + })
  143 + }
  144 + })
  145 + } else {
  146 + console.log('无微信号')
  147 + }
  148 + },
  149 + // 拨打电话
  150 + call() {
  151 + wx.reportMonitor('1012', 1)
  152 + wx.makePhoneCall({
  153 + phoneNumber: this.data.staffinfo.phone
  154 + })
  155 + },
  156 + // 导航
  157 + looklocation: function () {
  158 + wx.reportMonitor('1015', 1)
  159 + wx.openLocation({
  160 + latitude: Number(this.data.seller.lat),
  161 + longitude: Number(this.data.seller.long),
  162 + scale: 17,
  163 + address: this.data.seller.addr,
  164 + success: function (res) {
  165 + console.log(res)
  166 + }
  167 + })
  168 + },
  169 + // 获取包间图片列表
  170 + getroomimage(sellerid) {
  171 + App.Tables.GetTablesPhoto({
  172 + sellerid,
  173 + tableids: this.tablestr
  174 + }).then((json) => {
  175 + if (json.ret == 200) {
  176 + this.setData({
  177 + roomimage: json.data
  178 + })
  179 + var urlsArr = [];
  180 + json.data.forEach((v, i) => {
  181 + urlsArr.push(v.url);
  182 + })
  183 + this.urlsValue = urlsArr;
  184 + console.log('urlsArr', urlsArr)
  185 + console.log('roomimage', json.data)
  186 + }
  187 + })
  188 + },
  189 + // 预览包间图片
  190 + lookroom(e) {
  191 + const item = e.currentTarget.dataset['item'];
  192 + wx.previewImage({
  193 + current: item.url, // 当前显示图片的http链接
  194 + urls: this.urlsValue, // 需要预览的图片http链接列表
  195 + })
  196 + },
  197 + // 获取店铺详情
  198 + getDetail() {
  199 + App.Reserve.Detail({
  200 + openid: getApp().openid,
  201 + rid: this.data.options.id
  202 + }).then(res => {
  203 + let tablesText = '', //桌子信息
  204 + tableNum = 0;
  205 + let tableinfo = util.determine(res.data.tableinfo);
  206 + console.log('tableinfo', tableinfo);
  207 + res.data.tables.forEach((t, i) => {
  208 + tableNum += t.table_pnum * 1
  209 + tablesText += t.rname + t.name + (i == (res.data.tables.length - 1) ? '' : '、');
  210 + })
  211 + let tabaleids = [];
  212 + res.data.tables.forEach(t => {
  213 + tabaleids.push(t.id);
  214 + })
  215 + this.tablestr = tabaleids.toString();
  216 + let reserev = RS.reserve(res.data)
  217 + let dateSmart
  218 + if (res.data.type == 1) {
  219 + dateSmart = util.unixtoTime(reserev.ddate, 'YYYY年MM月DD日 星期WW')
  220 + if (res.data.is_set_ddate == 1) {
  221 + dateSmart += ' ' + util.unixtoTime(reserev.ddate, 'YYYY年MM月DD日 星期WW')
  222 + } else {
  223 + dateSmart += ' ' + reserev.soltName
  224 + }
  225 + } else {
  226 + dateSmart = util.unixtoTime(reserev.ddate, 'YYYY年MM月DD日 星期WW')
  227 + }
  228 + console.log('dateSmart', dateSmart);
  229 + this.setData({
  230 + detail: this.formatDatail(reserev, dateSmart),
  231 + tableNum,
  232 + tableinfo,
  233 + is_user_comments: res.data.is_user_comments,
  234 + seller: {
  235 + name: reserev.seller.sellername,
  236 + sid: reserev.sid,
  237 + date: dateSmart,
  238 + tablesText,
  239 + addr: reserev.seller.real_address || reserev.seller.map_address,
  240 + image: reserev.image_url,
  241 + hasOwner: true,
  242 + type: reserev.type,
  243 + is_set_ddate: reserev.is_set_ddate,
  244 + hasUpTime: reserev.type == 1 && reserev.hasRunning && reserev.status != 2,
  245 + tel: reserev.seller.seller_tel.split(',')[0],
  246 + soltName: reserev.soltName,
  247 + time: util.unixtoTime(reserev.ddate, '星期WW HH:II'),
  248 + lat: reserev.seller.lat,
  249 + long: reserev.seller.long,
  250 + }
  251 + })
  252 + console.log('reserev reserev', reserev);
  253 + console.log('seller seller', this.data.seller);
  254 + console.log('detail detail', this.data.detail);
  255 + setTimeout(() => {
  256 + this.getSellerTemplateConfFun(reserev.sid);
  257 + this.getstaffinfo(res.data.uid)
  258 + this.getroomimage(reserev.sid)
  259 + }, 0);
  260 + }).catch(res => {
  261 + console.log(res, '详情请求失败');
  262 + })
  263 + },
  264 + // 客户经理获取基本信息
  265 + getstaffinfo(uid) {
  266 + console.log('sellerid', this.data.detail.seller.id);
  267 + App.Activity.GetCustomerActivityBaseinfo({
  268 + sellerid: this.data.detail.seller.id,
  269 + uid
  270 + }).then((json) => {
  271 + if (json.ret == 200) {
  272 + console.log('staffinfostaffinfostaffinfo', json.data)
  273 + this.setData({
  274 + staffinfo: json.data
  275 + })
  276 + }
  277 + })
  278 + },
  279 + // 提前点餐
  280 + cookbook() {
  281 + if (this.data.detail.order && this.data.detail.order.cookbooklist.length > 0) {
  282 + let data = {
  283 + rid: this.id,
  284 + oid: this.data.detail.order.id,
  285 + sellerName: this.data.seller.name,
  286 + sid: this.data.seller.sid,
  287 + identity: '1',
  288 + hasSuccess: '1',
  289 + }
  290 + wx.navigateTo({
  291 + url: `/pack-cookbook/pages/success_new?hasSuccess=${data.hasSuccess}&identity=${data.identity}&oid=${data.oid}&rid=${data.rid}&sellerName=${data.sellerName}&sid=${data.sid}`,
  292 + })
  293 + } else {
  294 + App.Advance.CreateOrder({
  295 + rid: this.id,
  296 + openid: getApp().openid,
  297 + }).then(res => {
  298 + if (res.ret != 200) {
  299 + return util.toast(res.msg, 'none')
  300 + }
  301 + wx.navigateTo({
  302 + url: util.http_build_query({
  303 + rid: this.id,
  304 + oid: res.data.id,
  305 + sid: res.data.sellerid,
  306 + sellerName: this.data.seller.name,
  307 + identity: '1',
  308 + }, '/pack-cookbook/pages/index_new')
  309 + });
  310 + })
  311 + }
  312 + },
  313 + // 分享
  314 + sharesetting() {
  315 + wx.reportMonitor('1017', 1)
  316 + let parmdata = {
  317 + id: this.id,
  318 + fromid: getApp().openid,
  319 + hasInvitation: 1,
  320 + tplid: this.data.options.tplid
  321 + }
  322 + if (this.data.options.uid) {
  323 + parmdata.uid = this.data.options.uid;
  324 + }
  325 + console.log('seller_imageseller_imageseller_imageseller_imageseller_image', this.data.detail.seller.seller_image);
  326 + return {
  327 + title: '邀请您于' + this.data.seller.date + '一起共进' + this.data.seller.soltName + '。点击查看详情',
  328 + path: util.http_build_query(parmdata, '/pages/customer/index'),
  329 + imageUrl: this.data.detail.seller.seller_image,
  330 + }
  331 + },
  332 + // 修改detail数据
  333 + formatDatail(detail, dateSmart) {
  334 + detail.rdateStr = dateSmart;
  335 + detail.tableFirst = detail.tables[0].name;
  336 + if (detail.tables.length > 1) {
  337 + detail.tableSubInfo = '等' + (detail.tables.length) + '个' +
  338 + (detail.tables[0].tid == 2 ? '包间' : '');
  339 + }
  340 + if (detail.rname && detail.sex != 3) {
  341 + detail.rnameStr = detail.rname.substr(0, 1) + (detail.sex == 1 ? '先生' : '女士')
  342 + } else {
  343 + detail.rnameStr = detail.rname
  344 + }
  345 + detail.eatStr = '邀请您共进晚餐';
  346 + let hi = util.unixtoTime(detail.ddate, 'HHII');
  347 + if (hi < '10:00') {
  348 + detail.eatStr = '邀请您共进早餐';
  349 + } else if (hi < '15:00') {
  350 + detail.eatStr = '邀请您共进午餐';
  351 + }
  352 + return detail;
  353 + },
  354 + // 获取商家设置营销信息
  355 + getSellerTemplateConfFun(sid) {
  356 + console.log(sid, 'sidsidsidsid');
  357 + App.Seller.GetSellerTemplateConf({
  358 + sid
  359 + }).then(res => {
  360 + let data = res.data
  361 + console.log('data', data);
  362 + let coupon_dataList = []
  363 + let themeColor, whiteBj, home, chef, marketing, coupon, reserve, swich_phone, is_comments, signboard, store, priceInfo, certificate, scoreInfo, recharge_list, stringifyUse;
  364 + chef = util.determine(data.chef);
  365 + reserve = util.determine(data.reserve);
  366 + marketing = util.determine(data.marketing);
  367 + signboard = util.determine(data.signboard);
  368 + store = util.determine(data.store);
  369 + home = util.determine(data.home);
  370 + swich_phone = reserve && reserve.swich_phone ? reserve.swich_phone : '';
  371 + if (marketing) {
  372 + is_comments = marketing.is_comments ? marketing.is_comments : '';
  373 + coupon = marketing.coupon_data ? util.determine(marketing.coupon_data) : '';
  374 + }
  375 + // is_cash 代金券 is_discount折扣券 is_dish菜品券 只有代金券有几折显示
  376 + if (coupon && util.getType(coupon) == 'object') {
  377 + coupon.stringifyUse = JSON.stringify(coupon.use)
  378 + if (marketing.is_coupon == '1' && coupon && (!coupon.use.is_cash || coupon.use.is_cash == '1')) {
  379 + let cash = coupon.use.cash * 1;
  380 + let price = coupon.price * 1;
  381 + console.log('cash', cash + '---' + 'price', price + '---' + 'discount', ((price / cash) * 10).toFixed(1));
  382 + coupon.discount = cash != 0 ? ((price / cash) * 10).toFixed(1) : '';
  383 + }
  384 + coupon_dataList.push(coupon);
  385 + }
  386 + if (coupon && util.getType(coupon) == 'array') {
  387 + if (coupon.length > 0) {
  388 + coupon.forEach(item => {
  389 + item.stringifyUse = JSON.stringify(item.use)
  390 + if ((!item.use.is_cash || item.use.is_cash == '1')) {
  391 + let cash = item.use.cash * 1;
  392 + let price = item.price * 1;
  393 + console.log('cash', cash + '---' + 'price', price + '---' + 'discount', ((price / cash) * 10).toFixed(1));
  394 + item.discount = cash != 0 ? ((price / cash) * 10).toFixed(1) : '';
  395 + }
  396 + })
  397 + }
  398 + coupon_dataList = coupon;
  399 + }
  400 + let obj = {
  401 + chef,
  402 + reserve,
  403 + marketing,
  404 + signboard,
  405 + store,
  406 + home,
  407 + stringifyUse,
  408 + coupon,
  409 + coupon_dataList,
  410 + swich_phone,
  411 + is_comments,
  412 + StyleType: res.data.type,
  413 + }
  414 + console.log('获取数据', {
  415 + ...obj
  416 + });
  417 + if (marketing && marketing.is_recharge == '1' && marketing.recharge_data) {
  418 + let recharge_data = marketing.recharge_data
  419 + recharge_list = marketing.recharge_data.recharge_list
  420 + if (recharge_list.is_price == '1') priceInfo = '会员充值满' + recharge_data.recharge_money + '元赠送' + recharge_list.price + '元余额';
  421 + if (recharge_list.is_score == '1') scoreInfo = '会员充值满' + recharge_data.recharge_money + '元赠送' + recharge_list.score + '积分';
  422 + if (recharge_list.is_coupons == '1' && recharge_data.recharge_list.coupons_names.length > 0) certificate = recharge_data.recharge_list.coupons_names.join('、');
  423 + console.log('scoreInfo', scoreInfo);
  424 + console.log('priceInfo', priceInfo);
  425 + this.setData({
  426 + recharge_data: marketing.recharge_data,
  427 + certificate
  428 + })
  429 + console.log('recharge_data', recharge_data);
  430 + }
  431 + this.setData({
  432 + coupon_dataList,
  433 + stringifyUse
  434 + })
  435 + if (store && store.images.length > 0) store.images = util.determine(store.images);
  436 + if (signboard && signboard.images) signboard.images = util.determine(signboard.images);
  437 + if (marketing && marketing.is_online_book == '1' && marketing.is_transpond == '1') {
  438 + this.setData({
  439 + between: true
  440 + })
  441 + }
  442 + // themeColor = 'blackBlueGradient' // 黑蓝过渡
  443 + // themeColor = 'stoneGreenGradient' // 石绿过渡
  444 + // themeColor = 'chinaRedGradient' // 中国红过渡
  445 + // themeColor = 'ultramarineGradient' // 群青过渡
  446 + // themeColor = 'crimson' // 深中国红
  447 + // themeColor = 'chinaRed' // 中国红
  448 + // themeColor = 'lanCaiHe' // 蓝采和
  449 + // themeColor = 'stoneGreen' // 石绿
  450 + // themeColor = 'turmeric' // 姜黄
  451 + // themeColor = 'greenishYellow' // 苍黄
  452 + // themeColor = 'golden' // 金黄
  453 + // themeColor = 'ultramarine' // 群青
  454 + themeColor = 'moroccanBlue' // 摩洛哥蓝
  455 + if (themeColor == 'turmeric' || themeColor == 'golden') {
  456 + whiteBj = true
  457 + } else {
  458 + whiteBj = false
  459 + }
  460 + this.setData({
  461 + chef,
  462 + marketing,
  463 + home,
  464 + reserve,
  465 + signboard,
  466 + store,
  467 + priceInfo,
  468 + scoreInfo,
  469 + swich_phone,
  470 + is_comments,
  471 + StyleType: res.data.type,
  472 + themeColor,
  473 + whiteBj,
  474 + })
  475 + }).catch(res => {
  476 + console.log('GetSellerTemplateConf请求失败');
  477 + })
  478 + },
  479 + // 再次预订
  480 + secondbook() {
  481 + wx.reportMonitor('1013', 1)
  482 + wx.redirectTo({
  483 + url: '../reserve/detail?id=' + this.data.detail.seller.id
  484 + })
  485 + },
  486 + /**
  487 + * 生命周期函数--监听页面隐藏
  488 + */
  489 + onHide() {
  490 +
  491 + },
  492 +
  493 + /**
  494 + * 生命周期函数--监听页面卸载
  495 + */
  496 + onUnload() {
  497 +
  498 + },
  499 +
  500 + /**
  501 + * 页面相关事件处理函数--监听用户下拉动作
  502 + */
  503 + onPullDownRefresh() {
  504 +
  505 + },
  506 +
  507 + /**
  508 + * 页面上拉触底事件的处理函数
  509 + */
  510 + onReachBottom() {
  511 +
  512 + },
  513 +})
  1 +{
  2 + "navigationBarBackgroundColor": "#ffffff",
  3 + "navigationBarTextStyle": "white",
  4 + "navigationBarTitleText": "",
  5 + "usingComponents": {
  6 + "nav": "/components/nav/nav"
  7 + }
  8 +}
  1 +<!--pages/customer/detail_owner_invitation5.wxml-->
  2 +<nav hasHome class="navhome" place="{{true}}"></nav>
  3 +<scroll-view scroll-y class="{{themeColor}}">
  4 + <view class="reservationInfo">
  5 + <image src="{{whiteBj?'https://qn.colorcun.com/whiteBj1.png':'https://qn.colorcun.com/leaf.png'}}" class="titleIcon"></image>
  6 + <view class="infoBox">
  7 + <view class="infoBoxRight">邀请函</view>
  8 + <view class="line"></view>
  9 + <view class="boxLeft">
  10 + <view class="title font48r">{{seller.name}}</view>
  11 + <view class="leftLine"></view>
  12 + <view class="leftInfo font32r">{{seller.date}} {{seller.soltName}}</view>
  13 + <view class="leftInfo font32r">{{seller.time}}</view>
  14 + <view class="leftInfo font32r">{{seller.tablesText}}</view>
  15 + <view class="leftInfo font32r" wx:if="{{detail.seller.phone}}">预订台 {{detail.seller.phone}}</view>
  16 + <view class="font32r addressInfo" bindtap="looklocation" wx:if="{{seller.addr|| reserev.seller.map_address}}">
  17 + <image src="https://qn.colorcun.com/whiteAddress.png" mode="" />
  18 + <text>{{seller.addr|| reserev.seller.map_address}}</text>
  19 + </view>
  20 + </view>
  21 + </view>
  22 + <view wx:if="{{roomimage && roomimage.length>0}}" class="page-section-spacing">
  23 + <view wx:for="{{roomimage}}" class="imgs" wx:key="index" bindtap="lookroom" data-item="{{item}}">
  24 + <image class="imageStyle" mode="aspectFill" src="{{item.url}}"></image>
  25 + <text>{{item.name}}</text>
  26 + </view>
  27 + </view>
  28 + <block wx:if="{{staffinfo && reserve.swich_manager=='1'}}">
  29 + <view class="handleInfo">
  30 + <image wx:if="{{staffinfo && staffinfo.photo}}" src="{{staffinfo.photo}}" class="headerimg" mode="aspectFill"></image>
  31 + <view class="handle handlePhone">
  32 + <view class="font28r">专属服务:{{staffinfo.name}}</view>
  33 + <view class="font28r">服务电话:{{staffinfo.phone}}</view>
  34 + </view>
  35 + <view class="handle">
  36 + <view wx:if="{{staffinfo.phone}}" class="font22r brownFont" bindtap="call">拨打电话</view>
  37 + <view wx:if="{{staffinfo.wechat}}" class="font22r brownFont" bindtap="cli">复制微信号</view>
  38 + </view>
  39 + </view>
  40 + </block>
  41 + <view class="chefText font36r">
  42 + {{home.slogan}}
  43 + </view>
  44 + </view>
  45 + <view class="preferential" wx:if="{{marketing && marketing.is_coupon=='1' && coupon_dataList.length>0}}">
  46 + <block wx:for="{{coupon_dataList}}" wx:key="index" wx:for-index="index">
  47 + <view class="preferentialItems" wx:if="{{dataStr<(item.etime*1)}}">
  48 + <view class="itemsLeft">
  49 + <view class="top">
  50 + <text class="font28r">{{item.aname}}</text>
  51 + <view class="price font24r" wx:if="{{item.price}}">
  52 + <view class="icons font24r">¥</view>{{item.price}}
  53 + </view>
  54 + <!-- is_cash 代金券 is_discount折扣券 is_dish菜品券 只有代金券有几折显示 -->
  55 + <text wx:if="{{item.discount!='0.00' && (item.use.is_cash=='1' || item.use.is_cash) && item.discount}}" class="discount font24r">{{item.discount}}折</text>
  56 + </view>
  57 + <view wx:if="{{item.exp_date.is_week=='1' || item.exp_date.is_week===true}}" class="bottom font24r">
  58 + {{item.exp_date.week_show?item.exp_date.week_show+'可用':''}}{{item.desc?','+item.desc+'。':'。'}}
  59 + </view>
  60 + <view wx:if="{{item.exp_date.is_none=='1' || item.exp_date.is_none===true}}" class="bottom font24r">
  61 + 无限制{{item.desc?','+item.desc+'。':'。'}}
  62 + </view>
  63 + <view wx:if="{{item.exp_date.is_birthday=='1' || item.exp_date.is_birthday===true}}" class="bottom font24r">
  64 + 会员生日当天可用{{item.desc?','+item.desc+'。':'。'}}
  65 + </view>
  66 + </view>
  67 + <navigator url="/pack-activity/pack/buyCoupon?id={{item.id}}&name={{seller.name}}&use={{item.stringifyUse}}&sid={{seller.sid}}&oid={{detail.id}}&types=1&StyleType={{StyleType}}" hover-class="navigator-hover">
  68 + <view class="font24r orderingFood">
  69 + 抢购
  70 + </view>
  71 + </navigator>
  72 + </view>
  73 + </block>
  74 + </view>
  75 + <view wx:if="{{is_comments=='1' && !is_user_comments}}" class="evaluateBox" bindtap="evaluateFun">
  76 + <text wx:if="{{is_comments=='1' && marketing.is_comments_coupon!='1'}}">想吐槽?戳这里填写意见!--></text>
  77 + <text wx:if="{{marketing.is_comments_coupon=='1'}}">想吐槽?戳这里填写意见反馈赢好礼!</text>
  78 + <image src="https://qn.colorcun.com/evaluate.png" mode="" />
  79 + </view>
  80 + <block wx:if="{{store}}">
  81 + <view class="imgMask">
  82 + <view class="IntroduceColor">
  83 + <view class="text font36r rubric">餐厅介绍</view>
  84 + <view class="labelBox font24r">
  85 + {{store.introduce}}
  86 + </view>
  87 + </view>
  88 + <view class="text font36r rubric">餐厅环境</view>
  89 + <block wx:for="{{store.images}}" wx:key="arryIndex" wx:for-index="arryIndex">
  90 + <image src="{{item}}" mode="aspectFill" />
  91 + </block>
  92 + </view>
  93 + </block>
  94 + <block wx:if="{{chef}}">
  95 + <view class="imgMask">
  96 + <view class="IntroduceColor noneBor">
  97 + <view class="text font36r rubric">主厨介绍</view>
  98 + <view class="labelBox font24r">
  99 + {{chef.introduce}}
  100 + </view>
  101 + </view>
  102 + <image src="{{chef.image}}" mode="aspectFill" />
  103 + </view>
  104 + </block>
  105 + <block wx:if="{{signboard && signboard.swich=='1'}}">
  106 + <view class="imgMask">
  107 + <view class="IntroduceColor noneBor">
  108 + <view class="text font36r rubric">特色菜品</view>
  109 + </view>
  110 + <block wx:for="{{signboard.images}}" wx:key="arryIndex" wx:for-index="arryIndex">
  111 + <image src="{{item}}" mode="aspectFill" />
  112 + </block>
  113 + </view>
  114 + </block>
  115 + <view class="specialServices" wx:if="{{detail && detail.seller.is_open_order==1 && marketing && marketing.is_order=='1'}}">
  116 + <view class="rubric">
  117 + 提前点餐
  118 + </view>
  119 + <view class="news">
  120 + 本店特为贵宾提供提前点餐服务,您现在可以选菜下单,到店就餐时无需等待服务员点餐,可以直接享受就餐服务^_^
  121 + </view>
  122 + <view class="endStyle">
  123 + <view class="book-item-font second-book-button flex-cc font30r cook" style="position: relative;">
  124 + <view wx:if="{{detail && detail.seller.is_open_order==1 && marketing && marketing.is_order=='1'}}" class="menu-item menu-seller-item flex-ll" bindtap="cookbook">
  125 + 去点餐
  126 + </view>
  127 + </view>
  128 + </view>
  129 + </view>
  130 + <view class="preferential" wx:if="{{marketing && (marketing.is_coupon=='1' || marketing.is_recharge=='1')}}">
  131 + <view class="rubric rubric1">
  132 + 特别优惠
  133 + </view>
  134 + <!-- 当前日期要大于限制结束日期 -->
  135 + <view class="preferentialItems" wx:if="{{marketing && marketing.is_recharge=='1' && recharge_data && (is_fix!='1' || (is_fix=='1' && dataStr<(recharge_data.exp_date.fix_edate*1)))}}">
  136 + <view class="itemsLeft">
  137 + <view class="top">
  138 + <text>{{recharge_data.rname}}</text>
  139 + </view>
  140 + <view class="bottom" wx:if="{{priceInfo}}">
  141 + {{priceInfo}}{{(recharge_data.recharge_list.is_coupons=='0' && recharge_data.recharge_list.is_score=='0')?'。':';'}}
  142 + </view>
  143 + <view class="bottom" wx:if="{{scoreInfo}}">
  144 + {{scoreInfo}}{{recharge_data.recharge_list.is_coupons=='0'?'。':';'}}
  145 + </view>
  146 + <view class="bottom" wx:if="{{recharge_data.recharge_list.is_coupons=='1'}}">
  147 + {{recharge_data.recharge_list.is_coupons=='1'?'会员充值满'+marketing.recharge_data.recharge_money+'元赠送'+certificate:''}}。
  148 + </view>
  149 + </view>
  150 + <navigator url="/pack-activity/pack/vipRecharge?id={{recharge_data.id}}&name={{seller.name}}&sid={{seller.sid}}&oid={{detail.id}}&types=1&StyleType={{StyleType}}" hover-class="navigator-hover">
  151 + <view class="font24r orderingFood">
  152 + 抢购
  153 + </view>
  154 + </navigator>
  155 + </view>
  156 + </view>
  157 + <view class="vips">
  158 + <view wx:if="{{marketing.is_link}}" class="font24r favouredPolicy" bindtap="gotoFavourableList">
  159 + 点击了解更多会员优惠政策
  160 + </view>
  161 + </view>
  162 + <view class="more" wx:if="{{showMoreTip}}">
  163 + <view class="moreText">滑动查看更多</view>
  164 + <image src="https://qn.colorcun.com/jt1.png" mode="" />
  165 + </view>
  166 +</scroll-view>
  167 +<view wx:if="{{marketing.is_transpond=='1' || marketing.is_online_book=='1'}}" class="{{between?'all-button flex-lr between':'all-button flex-lr sharewidth'}}">
  168 + <view wx:if="{{marketing.is_online_book=='1'}}" class="book-item-font second-book-button flex-cc font30r" bindtap="secondbook" style="position: relative;">再次预订
  169 + </view>
  170 + <button wx:if="{{marketing.is_transpond=='1'}}" class="book-item-font flex-cc font30r shareItem" open-type="share">转发给客人
  171 + </button>
  172 +</view>
  1 +/* pages/customer/detail_owner_invitation5.wxss */
  2 +@import "../tpl/tpls.wxss";
  3 +
  4 +.reservationInfo {
  5 + top: 0;
  6 + left: 0;
  7 + width: 750rpx;
  8 + position: relative;
  9 +}
  10 +
  11 +
  12 +.titleIcon {
  13 + width: 312rpx;
  14 + height: 166rpx;
  15 + position: relative;
  16 + left: -10rpx;
  17 +}
  18 +
  19 +.title {
  20 + font-family: PingFang SC;
  21 + color: #FFD200;
  22 + font-weight: 500;
  23 +}
  24 +
  25 +.infoBox .boxLeft {
  26 + display: flex;
  27 + flex-direction: column;
  28 + flex: 1;
  29 + padding: 16rpx 0;
  30 +}
  31 +
  32 +.leftLine {
  33 + width: 95%;
  34 + height: 2rpx;
  35 + background: #FFD200;
  36 + margin: 20rpx 0;
  37 +}
  38 +
  39 +.leftInfo {
  40 + color: #fff;
  41 + line-height: 64rpx;
  42 + display: flex;
  43 + flex-wrap: wrap;
  44 + word-break: break-all;
  45 + font-family: PingFang SC;
  46 +}
  47 +
  48 +.infoBox {
  49 + display: flex;
  50 + align-items: center;
  51 + position: relative;
  52 + top: -3%;
  53 +}
  54 +
  55 +.infoBox .infoBoxRight {
  56 + color: #FFD200;
  57 + font-family: PingFang SC;
  58 + font-weight: 500;
  59 + font-size: 80rpx;
  60 + width: 92rpx;
  61 + height: 372rpx;
  62 + margin: 13% 0 0 60rpx;
  63 +}
  64 +
  65 +.itemsLeft {
  66 + width: 75%;
  67 + padding: 16rpx 0;
  68 +}
  69 +
  70 +.addressInfo {
  71 + display: flex;
  72 + color: #fff;
  73 + line-height: 60rpx;
  74 + height: 90rpx;
  75 + overflow-y: scroll;
  76 +}
  77 +
  78 +.addressInfo image {
  79 + width: 32rpx;
  80 + height: 38rpx;
  81 + margin: 2% 20rpx 0 0;
  82 +}
  83 +
  84 +.addressInfo text {
  85 + flex: 1;
  86 +}
  87 +
  88 +.line {
  89 + width: 2rpx;
  90 + height: 450rpx;
  91 + background: #FFD200;
  92 + margin: 0 20rpx 0 20rpx;
  93 +}
  94 +
  95 +.handleInfo {
  96 + margin: 50rpx 50rpx 0 44rpx;
  97 + display: flex;
  98 + justify-content: space-between;
  99 + align-items: center;
  100 +}
  101 +
  102 +.chefText {
  103 + margin: 34rpx 0 10rpx 0;
  104 + text-align: center;
  105 + font-weight: 500;
  106 + padding-bottom: 20rpx;
  107 + color: #FFD200;
  108 + border-bottom: 2rpx solid #DBDBDB;
  109 + font-family: PingFang SC;
  110 +}
  111 +
  112 +.headerimg {
  113 + width: 140rpx;
  114 + height: 140rpx;
  115 + border-radius: 71rpx;
  116 +}
  117 +
  118 +.handle {
  119 + display: flex;
  120 + flex-direction: column;
  121 + color: #fff;
  122 + font-family: PingFang SC;
  123 + font-weight: 500;
  124 + height: 110rpx;
  125 + justify-content: space-between;
  126 +}
  127 +
  128 +.handlePhone {
  129 + height: 100rpx;
  130 +}
  131 +
  132 +.brownFont {
  133 + padding: 8rpx 16rpx;
  134 + color: #fff;
  135 + border: 2rpx solid #fff;
  136 + border-radius: 22rpx;
  137 + text-align: center;
  138 +}
  139 +
  140 +.brownFont:nth-of-type(1) {
  141 + margin-bottom: 10rpx;
  142 +}
  143 +
  144 +.introduce {
  145 + box-sizing: border-box;
  146 +}
  147 +
  148 +.imgMask {
  149 + position: relative;
  150 + margin: 0 40rpx 20rpx 40rpx;
  151 + border-bottom: 2rpx solid #DBDBDB;
  152 + padding-bottom: 18rpx;
  153 +}
  154 +
  155 +.imgMask .IntroduceColor {
  156 + border-bottom: 2rpx solid #DBDBDB;
  157 +}
  158 +
  159 +.IntroduceColor {
  160 + margin-bottom: 20rpx;
  161 +}
  162 +
  163 +.imgMask .text {
  164 + margin-bottom: 20rpx;
  165 +}
  166 +
  167 +.imgMask .noneBor {
  168 + border: none;
  169 + margin-top: 20rpx;
  170 +}
  171 +
  172 +.imgMask image {
  173 + display: block !important;
  174 + margin-bottom: 4rpx;
  175 + width: 100%;
  176 + display: block;
  177 + vertical-align: top;
  178 +}
  179 +
  180 +.shopName {
  181 + margin-bottom: 30rpx;
  182 + color: #ffffff;
  183 + font-family: FangSong;
  184 + font-size: 30rpx;
  185 +}
  186 +
  187 +
  188 +.labelBox {
  189 + margin: 20rpx;
  190 + display: flex;
  191 + position: relative;
  192 +}
  193 +
  194 +
  195 +.specialServices {
  196 + margin: 16rpx 40rpx;
  197 + border-bottom: 2rpx solid #DBDBDB;
  198 +}
  199 +
  200 +.rubric {
  201 + font-family: PingFang SC;
  202 + font-weight: 500;
  203 + font-size: 36rpx;
  204 + margin-bottom: 10rpx;
  205 +}
  206 +
  207 +.specialServices .news {
  208 + color: #515151;
  209 + font-family: PingFang SC;
  210 + font-weight: 500;
  211 + font-size: 24rpx;
  212 + line-height: 40rpx;
  213 + margin-left: 20rpx;
  214 +}
  215 +
  216 +.endStyle {
  217 + display: flex;
  218 + justify-content: flex-end;
  219 + height: 54rpx;
  220 + margin: 20rpx 0;
  221 + padding: 16rpx 0;
  222 +}
  223 +
  224 +.preferential {
  225 + margin: 16rpx 40rpx 20rpx 40rpx;
  226 +}
  227 +
  228 +.preferentialItems {
  229 + padding: 0 16rpx 0 24rpx;
  230 + display: flex;
  231 + justify-content: space-between;
  232 + align-items: center;
  233 + margin-bottom: 20rpx;
  234 + background: url('https://qn.colorcun.com/certificateBj.png') no-repeat;
  235 + background-size: 100% 100%;
  236 +}
  237 +
  238 +.rubric1 {
  239 + margin: 30rpx 0;
  240 +}
  241 +
  242 +.orderingFood {
  243 + padding: 0 26rpx;
  244 + color: #fff;
  245 + border-radius: 22rpx;
  246 + text-align: center;
  247 + background: linear-gradient(104.24deg, #4c8dad -57.47%, #0143a3 55.72%, #42a5ff 148.72%);
  248 + margin: 20rpx 10rpx 20rpx 0;
  249 + line-height: 44rpx;
  250 + height: 44rpx;
  251 +}
  252 +
  253 +.top {
  254 + display: flex;
  255 + width: 100%;
  256 + align-items: center;
  257 +}
  258 +
  259 +.bottom {
  260 + margin-top: 20rpx;
  261 + color: #515151;
  262 + font-family: PingFang SC;
  263 + font-weight: 500;
  264 + font-size: 20rpx;
  265 + display: -webkit-box;
  266 + word-break: break-all;
  267 + word-wrap: break-word;
  268 + overflow: hidden;
  269 + text-align: left;
  270 +}
  271 +
  272 +.top text:nth-of-type(1) {
  273 + font-weight: 600;
  274 + color: #515151;
  275 +}
  276 +
  277 +.top .discount {
  278 + padding: 0 6rpx;
  279 + color: #E34D59;
  280 + border: 2rpx solid #E34D59;
  281 + border-radius: 6rpx;
  282 + margin: 0 10rpx 0 20rpx;
  283 + font-family: PingFang SC;
  284 + height: 30rpx;
  285 + line-height: 30rpx;
  286 +}
  287 +
  288 +.top .price {
  289 + color: #E34D59;
  290 + font-weight: 500;
  291 +}
  292 +
  293 +.price {
  294 + display: flex;
  295 + align-items: center;
  296 + justify-content: center;
  297 +}
  298 +
  299 +.price .icons {
  300 + margin-left: 18rpx;
  301 + color: #E34D59;
  302 +}
  303 +
  304 +.vips image {
  305 + margin: 36rpx 0;
  306 + height: 300rpx;
  307 +}
  308 +
  309 +.vips {
  310 + display: flex;
  311 + flex-direction: column;
  312 + justify-content: center;
  313 + align-items: center;
  314 + padding-bottom: 180rpx;
  315 +}
  316 +
  317 +.vips .news {
  318 + text-align: center;
  319 + color: #000000;
  320 + font-family: FangSong;
  321 + font-size: 40rpx;
  322 + margin: 0 0 100rpx 0;
  323 +}
  324 +
  325 +.vips .text {
  326 + text-align: center;
  327 + color: #515151;
  328 + font-family: FangSong;
  329 + font-size: 28rpx;
  330 + margin: 20rpx 0;
  331 +}
  332 +
  333 +.favouredPolicy {
  334 + width: 45%;
  335 + color: #5C95D7;
  336 + font-family: PingFang SC;
  337 + font-weight: 500;
  338 + border: 2rpx solid #5C95D7;
  339 + border-radius: 22rpx;
  340 + text-align: center;
  341 + padding: 10rpx;
  342 + margin: 20rpx 0 44rpx 0;
  343 +}
  344 +
  345 +.all-button {
  346 + background: #FAFAFA;
  347 + height: 160rpx;
  348 + padding: 0 40rpx;
  349 + box-sizing: border-box;
  350 + z-index: 100;
  351 + justify-content: flex-end;
  352 +}
  353 +
  354 +.between {
  355 + justify-content: space-between;
  356 +}
  357 +
  358 +.second-book-button {
  359 + margin-right: 20rpx;
  360 +}
  361 +
  362 +.book-item-font {
  363 + width: 25%;
  364 + border: 2rpx solid #0143A3;
  365 + color: #0143A3;
  366 + height: 46%;
  367 + border-radius: 42rpx;
  368 + font-weight: 600;
  369 +}
  370 +
  371 +.shareItem {
  372 + width: 100%;
  373 + margin: 0;
  374 + background: #fafafa;
  375 + color: #0143A3;
  376 + border: 2rpx solid #0143A3;
  377 +}
  378 +
  379 +.between .shareItem {
  380 + width: 65% !important;
  381 + margin: 0;
  382 + background: linear-gradient(104.24deg, #4c8dad -57.47%, #0143a3 55.72%, #42a5ff 148.72%);
  383 + color: #fff;
  384 +}
  385 +
  386 +.sharewidth .shareItem {
  387 + width: 100% !important;
  388 +}
  389 +
  390 +.book-item-font {
  391 + width: 40% !important;
  392 +}
  393 +
  394 +.menu-item {
  395 + width: 100%;
  396 + height: 100%;
  397 + display: flex;
  398 + justify-content: center;
  399 + align-items: center;
  400 +}
  401 +
  402 +.cook {
  403 + height: 94% !important;
  404 + background: #fff;
  405 + border: 2rpx solid #0143A3;
  406 + border-radius: 32rpx;
  407 + font-weight: normal;
  408 + width: 23% !important;
  409 +}
  410 +
  411 +.bold {
  412 + font-weight: 500;
  413 +}
  414 +
  415 +.evaluateBox {
  416 + margin: 16rpx 84rpx 16rpx 40rpx;
  417 + display: flex;
  418 + align-items: center;
  419 + justify-content: space-between;
  420 +}
  421 +
  422 +.evaluateBox image {
  423 + width: 60rpx;
  424 + height: 70rpx;
  425 +}
  426 +
  427 +.evaluateBox text {
  428 + color: #000;
  429 + font-size: 28rpx;
  430 +}
  431 +
  432 +.scroll-view {
  433 + white-space: nowrap;
  434 +}
  435 +
  436 +.imageStyle {
  437 + display: inline-block;
  438 + width: 330rpx;
  439 + height: 196rpx;
  440 + margin-right: 20rpx;
  441 + border-radius: 16rpx;
  442 +}
  443 +
  444 +.imgs:nth-of-type(1) {
  445 + margin-left: 48rpx;
  446 +}
  447 +
  448 +.scroll-view {
  449 + white-space: nowrap;
  450 + width: 100%;
  451 + height: 100%;
  452 +}
  453 +
  454 +.imgs {
  455 + position: relative;
  456 + display: flex;
  457 + white-space: nowrap;
  458 + width: 282rpx;
  459 + height: 196rpx;
  460 +}
  461 +
  462 +.imgs text {
  463 + background: #515151;
  464 + color: #fff;
  465 + position: absolute;
  466 + left: 0;
  467 + bottom: 0;
  468 + height: 38rpx;
  469 + line-height: 38rpx;
  470 + width: 262rpx;
  471 + text-align: center;
  472 + border-bottom-left-radius: 16rpx;
  473 + border-bottom-right-radius: 16rpx;
  474 +}
  475 +
  476 +.page-section-spacing {
  477 + position: relative;
  478 + display: flex;
  479 + white-space: nowrap;
  480 + width: auto;
  481 + overflow-x: scroll;
  482 +}
  483 +
  484 +.more {
  485 + height: 80rpx;
  486 + width: 100%;
  487 + position: fixed;
  488 + bottom: 160rpx;
  489 + display: flex;
  490 + align-items: center;
  491 + justify-content: center;
  492 + flex-direction: column;
  493 + background: rgba(0, 0, 0, .4);
  494 +}
  495 +
  496 +.moreText {
  497 + color: #fff;
  498 +}
  499 +
  500 +.more image {
  501 + width: 30rpx;
  502 + height: 30rpx;
  503 +}
  504 +
  505 +/* 黑蓝过渡 */
  506 +.blackBlueGradient .reservationInfo {
  507 + background: linear-gradient(104.24deg, #42a5ff -57.47%, #000000 55.72%, #42a5ff 182.69%);
  508 +}
  509 +
  510 +.blackBlueGradient .rubric {
  511 + color: #0143A3;
  512 +}
  513 +
  514 +/* 石绿过渡 */
  515 +.stoneGreenGradient .reservationInfo {
  516 + background: linear-gradient(121.52deg, #438e93 1.76%, #206864 42.99%, #206864 75.66%, #42a5ff 120.1%);
  517 +}
  518 +
  519 +.stoneGreenGradient .rubric {
  520 + color: #206864;
  521 +}
  522 +
  523 +/* 中国红过渡 */
  524 +.chinaRedGradient .reservationInfo {
  525 + background: linear-gradient(309.04deg, #af231c -2.27%, #86201b 44.37%, #af231c 91.74%);
  526 +}
  527 +
  528 +.chinaRedGradient .rubric {
  529 + color: #86201B;
  530 +}
  531 +
  532 +/* 群青过渡 */
  533 +.ultramarineGradient .reservationInfo {
  534 + background: linear-gradient(104.24deg, #4c8dad -57.47%, #0143a3 55.72%, #42a5ff 148.72%);
  535 +}
  536 +
  537 +.ultramarineGradient .rubric {
  538 + color: #0143A3;
  539 +}
  540 +
  541 +/* 深中国红 */
  542 +.crimson .reservationInfo {
  543 + background: #86201B;
  544 +}
  545 +
  546 +.crimson .rubric {
  547 + color: #86201B;
  548 +}
  549 +
  550 +/* 中国红 */
  551 +.chinaRed .reservationInfo {
  552 + background: #AF231C;
  553 +}
  554 +
  555 +.chinaRed .rubric {
  556 + color: #AF231C;
  557 +}
  558 +
  559 +/* 蓝采和 */
  560 +.lanCaiHe .reservationInfo {
  561 + background: #06436F;
  562 +}
  563 +
  564 +.lanCaiHe .rubric {
  565 + color: #06436F;
  566 +}
  567 +
  568 +/* 石绿 */
  569 +.stoneGreen .reservationInfo {
  570 + background: #206864;
  571 +}
  572 +
  573 +.stoneGreen .rubric {
  574 + color: #206864;
  575 +}
  576 +
  577 +/* 姜黄 */
  578 +.turmeric .reservationInfo {
  579 + background: #B39437;
  580 +}
  581 +
  582 +.turmeric .rubric {
  583 + color: #B39437;
  584 +}
  585 +
  586 +.turmeric .title,
  587 +.turmeric .infoBoxRight,
  588 +.turmeric .chefText {
  589 + color: #fff;
  590 +}
  591 +
  592 +.turmeric .line,
  593 +.turmeric .leftLine {
  594 + background: #fff;
  595 +}
  596 +
  597 +/* 苍黄 */
  598 +.greenishYellow .reservationInfo {
  599 + background: #C85306;
  600 +}
  601 +
  602 +.greenishYellow .rubric {
  603 + color: #C85306;
  604 +}
  605 +
  606 +/* 金黄 */
  607 +.golden .reservationInfo {
  608 + background: #C67B3A;
  609 +}
  610 +
  611 +.golden .rubric {
  612 + color: #C67B3A;
  613 +}
  614 +
  615 +.golden .title,
  616 +.golden .infoBoxRight,
  617 +.golden .chefText {
  618 + color: #fff;
  619 +}
  620 +
  621 +.golden .line,
  622 +.golden .leftLine {
  623 + background: #fff;
  624 +}
  625 +
  626 +/* 群青 */
  627 +.ultramarine .reservationInfo {
  628 + background: #0143A3;
  629 +}
  630 +
  631 +.ultramarine .rubric {
  632 + color: #0143A3;
  633 +}
  634 +
  635 +/* 摩洛哥蓝 */
  636 +.moroccanBlue .reservationInfo {
  637 + background: #19516A;
  638 +}
  639 +
  640 +.moroccanBlue .rubric {
  641 + color: #19516A;
  642 +}
@@ -26,10 +26,8 @@ Page({ @@ -26,10 +26,8 @@ Page({
26 store: {}, 26 store: {},
27 recharge_data: {}, 27 recharge_data: {},
28 coupon_dataList: [], 28 coupon_dataList: [],
29 - homeColor: '',  
30 stringifyUse: '', 29 stringifyUse: '',
31 current: 0, 30 current: 0,
32 - theme: 'blackGold', //blue green blackGold  
33 seller: { 31 seller: {
34 name: '', 32 name: '',
35 tablesText: '', 33 tablesText: '',
@@ -46,6 +44,8 @@ Page({ @@ -46,6 +44,8 @@ Page({
46 is_user_comments: false, 44 is_user_comments: false,
47 StyleType: '', 45 StyleType: '',
48 showMoreTip: true, 46 showMoreTip: true,
  47 + themeColor: '',
  48 + whiteBj: false,
49 }, 49 },
50 screenHeight: '', 50 screenHeight: '',
51 /** 51 /**
@@ -307,7 +307,7 @@ Page({ @@ -307,7 +307,7 @@ Page({
307 let data = res.data 307 let data = res.data
308 console.log('data', data); 308 console.log('data', data);
309 let coupon_dataList = [] 309 let coupon_dataList = []
310 - let home, chef, marketing, coupon, reserve, swich_phone, is_comments, signboard, store, homeColor, priceInfo, certificate, scoreInfo, recharge_list, stringifyUse; 310 + let themeColor, whiteBj, home, chef, marketing, coupon, reserve, swich_phone, is_comments, signboard, store, priceInfo, certificate, scoreInfo, recharge_list, stringifyUse;
311 chef = util.determine(data.chef); 311 chef = util.determine(data.chef);
312 reserve = util.determine(data.reserve); 312 reserve = util.determine(data.reserve);
313 marketing = util.determine(data.marketing); 313 marketing = util.determine(data.marketing);
@@ -386,12 +386,24 @@ Page({ @@ -386,12 +386,24 @@ Page({
386 between: true 386 between: true
387 }) 387 })
388 } 388 }
389 - if (home && home.red && home.green && home.blue && home.alpha) {  
390 - homeColor = home.red + ',' + home.green + ',' + home.blue + ',' + home.alpha 389 + themeColor = 'blackBlueGradient' // 黑蓝过渡
  390 + themeColor = 'stoneGreenGradient' // 石绿过渡
  391 + themeColor = 'chinaRedGradient' // 中国红过渡
  392 + themeColor = 'ultramarineGradient' // 群青过渡
  393 + themeColor = 'crimson' // 深中国红
  394 + themeColor = 'chinaRed' // 中国红
  395 + themeColor = 'lanCaiHe' // 蓝采和
  396 + themeColor = 'stoneGreen' // 石绿
  397 + themeColor = 'turmeric' // 姜黄
  398 + // themeColor = 'greenishYellow' // 苍黄
  399 + // themeColor = 'golden' // 金黄
  400 + // themeColor = 'ultramarine' // 群青
  401 + // themeColor = 'moroccanBlue' // 摩洛哥蓝
  402 + if (themeColor == 'turmeric' || themeColor == 'golden') {
  403 + whiteBj = true
391 } else { 404 } else {
392 - homeColor = '67,142,147,1' 405 + whiteBj = false
393 } 406 }
394 - console.log('homeColor', homeColor);  
395 this.setData({ 407 this.setData({
396 chef, 408 chef,
397 marketing, 409 marketing,
@@ -399,34 +411,16 @@ Page({ @@ -399,34 +411,16 @@ Page({
399 reserve, 411 reserve,
400 signboard, 412 signboard,
401 store, 413 store,
402 - homeColor, //home主题颜色  
403 priceInfo, 414 priceInfo,
404 scoreInfo, 415 scoreInfo,
405 swich_phone, 416 swich_phone,
406 is_comments, 417 is_comments,
407 StyleType: res.data.type, 418 StyleType: res.data.type,
  419 + themeColor,
  420 + whiteBj,
408 }) 421 })
409 - if (home && home.red == '1' && home.green == '67' && home.blue == '163') {  
410 - this.setData({  
411 - theme: 'blue'  
412 - })  
413 - }  
414 - if (home && home.red == '67' && home.green == '142' && home.blue == '147') {  
415 - this.setData({  
416 - theme: 'green'  
417 - })  
418 - }  
419 - if (home && home.red == '12' && home.green == '15' && home.blue == '14') {  
420 - this.setData({  
421 - theme: 'blackGold'  
422 - })  
423 - }  
424 }).catch(res => { 422 }).catch(res => {
425 - this.setData({  
426 - theme: 'green',  
427 - homeColor: '67,142,147,1'  
428 - })  
429 - console.log(this.data.homeColor, 'GetSellerTemplateConf请求失败'); 423 + console.log('GetSellerTemplateConf请求失败');
430 }) 424 })
431 }, 425 },
432 // 再次预订 426 // 再次预订
@@ -2,11 +2,11 @@ @@ -2,11 +2,11 @@
2 <import src="../tpl/invitation"></import> 2 <import src="../tpl/invitation"></import>
3 <nav hasHome class="navhome" place="{{true}}"> 3 <nav hasHome class="navhome" place="{{true}}">
4 </nav> 4 </nav>
5 -<scroll-view scroll-y>  
6 - <view class="titleImg" style="background: rgba({{homeColor}});">  
7 - <image src="{{theme=='green'?'https://qn.colorcun.com/1571679628800_.pic.jpg':theme=='blue'?'https://qn.colorcun.com/1561679628784_.pic.jpg':theme=='blackGold'?'https://qn.colorcun.com/1551679628682_.pic.jpg':''}}" class="titleIcon"></image>  
8 - <view class="title {{theme+'Title'}}">{{home?home.title:seller.name}}</view>  
9 - <view class="info {{theme+'Info'}}"> 5 +<scroll-view scroll-y class="{{themeColor}}">
  6 + <view class="titleImg">
  7 + <image src="https://qn.colorcun.com/leaf.png" class="titleIcon"></image>
  8 + <view class="title">{{home?home.title:seller.name}}</view>
  9 + <view class="info">
10 {{home.slogan}} 10 {{home.slogan}}
11 </view> 11 </view>
12 </view> 12 </view>
@@ -47,8 +47,8 @@ @@ -47,8 +47,8 @@
47 <view class="handleInfo"> 47 <view class="handleInfo">
48 <image wx:if="{{staffinfo && staffinfo.photo}}" src="{{staffinfo.photo}}" class="headerimg" mode="aspectFill"></image> 48 <image wx:if="{{staffinfo && staffinfo.photo}}" src="{{staffinfo.photo}}" class="headerimg" mode="aspectFill"></image>
49 <view class="handle handlePhone"> 49 <view class="handle handlePhone">
50 - <view>专属服务:{{staffinfo.name}}</view>  
51 - <view>服务电话:{{staffinfo.phone}}</view> 50 + <view class="font28r">专属服务:{{staffinfo.name}}</view>
  51 + <view class="font28r">服务电话:{{staffinfo.phone}}</view>
52 </view> 52 </view>
53 <view class="handle"> 53 <view class="handle">
54 <view wx:if="{{staffinfo.phone}}" class="font22r brownFont" bindtap="call">拨打电话</view> 54 <view wx:if="{{staffinfo.phone}}" class="font22r brownFont" bindtap="call">拨打电话</view>
@@ -72,20 +72,20 @@ @@ -72,20 +72,20 @@
72 <view class="preferentialItems" wx:if="{{dataStr<(item.etime*1)}}"> 72 <view class="preferentialItems" wx:if="{{dataStr<(item.etime*1)}}">
73 <view class="left"> 73 <view class="left">
74 <view class="top"> 74 <view class="top">
75 - <text>{{item.aname}}</text>  
76 - <view class="price" wx:if="{{item.price}}">  
77 - <view class="icons">¥</view>{{item.price}} 75 + <text class="font28r">{{item.aname}}</text>
  76 + <view class="price font24r" wx:if="{{item.price}}">
  77 + <view class="icons font24r">¥</view>{{item.price}}
78 </view> 78 </view>
79 <!-- is_cash 代金券 is_discount折扣券 is_dish菜品券 只有代金券有几折显示 --> 79 <!-- is_cash 代金券 is_discount折扣券 is_dish菜品券 只有代金券有几折显示 -->
80 - <text wx:if="{{item.discount!='0.00' && (item.use.is_cash=='1' || item.use.is_cash) && item.discount}}" class="discount">{{item.discount}}折</text> 80 + <text wx:if="{{item.discount!='0.00' && (item.use.is_cash=='1' || item.use.is_cash) && item.discount}}" class="discount font24r">{{item.discount}}折</text>
81 </view> 81 </view>
82 - <view wx:if="{{item.exp_date.is_week=='1' || item.exp_date.is_week===true}}" class="bottom"> 82 + <view wx:if="{{item.exp_date.is_week=='1' || item.exp_date.is_week===true}}" class="bottom font24r">
83 {{item.exp_date.week_show?item.exp_date.week_show+'可用':''}}{{item.desc?','+item.desc+'。':'。'}} 83 {{item.exp_date.week_show?item.exp_date.week_show+'可用':''}}{{item.desc?','+item.desc+'。':'。'}}
84 </view> 84 </view>
85 - <view wx:if="{{item.exp_date.is_none=='1' || item.exp_date.is_none===true}}" class="bottom"> 85 + <view wx:if="{{item.exp_date.is_none=='1' || item.exp_date.is_none===true}}" class="bottom font24r">
86 无限制{{item.desc?','+item.desc+'。':'。'}} 86 无限制{{item.desc?','+item.desc+'。':'。'}}
87 </view> 87 </view>
88 - <view wx:if="{{item.exp_date.is_birthday=='1' || item.exp_date.is_birthday===true}}" class="bottom"> 88 + <view wx:if="{{item.exp_date.is_birthday=='1' || item.exp_date.is_birthday===true}}" class="bottom font24r">
89 会员生日当天可用{{item.desc?','+item.desc+'。':'。'}} 89 会员生日当天可用{{item.desc?','+item.desc+'。':'。'}}
90 </view> 90 </view>
91 </view> 91 </view>
@@ -114,11 +114,11 @@ @@ -114,11 +114,11 @@
114 <view class="IntroductionItems" wx:for="{{store.images}}" wx:key="arryIndex" wx:for-index="arryIndex"> 114 <view class="IntroductionItems" wx:for="{{store.images}}" wx:key="arryIndex" wx:for-index="arryIndex">
115 <view class="imgMask"> 115 <view class="imgMask">
116 <image src="{{item}}" mode="aspectFill" /> 116 <image src="{{item}}" mode="aspectFill" />
117 - <view class="IntroduceColor chief Introducepublic {{theme+'chief'}}" wx:if="{{arryIndex=='0'}}">  
118 - <view class="englishText">Introduce</view>  
119 - <view class="chefText">品牌介绍</view>  
120 - <view class="shopName">  
121 - {{seller.name?seller.name:reserve .seller_name}} 117 + <view class="IntroduceColor Introducepublic" wx:if="{{arryIndex=='0'}}">
  118 + <view class="englishText font28r">Introduce</view>
  119 + <view class="chefText font32r">品牌介绍</view>
  120 + <view class="shopName font32r">
  121 + {{store.seller_name}}
122 </view> 122 </view>
123 <view class="labelBox labelBox2"> 123 <view class="labelBox labelBox2">
124 <view class="line"> 124 <view class="line">
@@ -134,10 +134,10 @@ @@ -134,10 +134,10 @@
134 <view class="IntroductionItems" wx:for="{{store.images}}" wx:key="arryIndex" wx:for-index="arryIndex"> 134 <view class="IntroductionItems" wx:for="{{store.images}}" wx:key="arryIndex" wx:for-index="arryIndex">
135 <view class="imgMask"> 135 <view class="imgMask">
136 <view class="IntroduceColor styleSeparate" wx:if="{{arryIndex=='0'}}"> 136 <view class="IntroduceColor styleSeparate" wx:if="{{arryIndex=='0'}}">
137 - <view class="englishText">Introduce</view> 137 + <view class="englishText font28r">Introduce</view>
138 <view class="chefText">品牌介绍</view> 138 <view class="chefText">品牌介绍</view>
139 <view class="shopName styleShopName"> 139 <view class="shopName styleShopName">
140 - {{seller.name?seller.name:reserve .seller_name}} 140 + {{store.seller_name}}
141 </view> 141 </view>
142 <view class="labelBox"> 142 <view class="labelBox">
143 <view class="line"> 143 <view class="line">
@@ -155,8 +155,8 @@ @@ -155,8 +155,8 @@
155 <view class="IntroductionItems"> 155 <view class="IntroductionItems">
156 <view class="imgMask"> 156 <view class="imgMask">
157 <image wx:if="{{chef.image}}" src="{{chef.image}}" mode="aspectFill" /> 157 <image wx:if="{{chef.image}}" src="{{chef.image}}" mode="aspectFill" />
158 - <view class="IntroduceColor Introducepublic {{theme+'chief'}}">  
159 - <view class="englishText">Chief Cook</view> 158 + <view class="IntroduceColor Introducepublic">
  159 + <view class="englishText font28r">Chief Cook</view>
160 <view class="chefText">知名主厨</view> 160 <view class="chefText">知名主厨</view>
161 <view class="shopName"> 161 <view class="shopName">
162 {{chef.chef_name}} 162 {{chef.chef_name}}
@@ -175,7 +175,7 @@ @@ -175,7 +175,7 @@
175 <view class="IntroductionItems"> 175 <view class="IntroductionItems">
176 <view class="imgMask"> 176 <view class="imgMask">
177 <view class="IntroduceColor styleSeparate2"> 177 <view class="IntroduceColor styleSeparate2">
178 - <view class="englishText">Chief Cook</view> 178 + <view class="englishText font28r">Chief Cook</view>
179 <view class="chefText">知名主厨</view> 179 <view class="chefText">知名主厨</view>
180 <view class="shopName styleShopName"> 180 <view class="shopName styleShopName">
181 {{chef .chef_name}} 181 {{chef .chef_name}}
@@ -196,8 +196,8 @@ @@ -196,8 +196,8 @@
196 <view class="IntroductionItems" wx:for="{{signboard.images}}" wx:key="arryIndex" wx:for-index="arryIndex"> 196 <view class="IntroductionItems" wx:for="{{signboard.images}}" wx:key="arryIndex" wx:for-index="arryIndex">
197 <view class="imgMask"> 197 <view class="imgMask">
198 <image src="{{item}}" mode="aspectFill" /> 198 <image src="{{item}}" mode="aspectFill" />
199 - <view class="IntroduceColor Introducepublic {{theme+'chief'}}" wx:if="{{arryIndex=='0'}}">  
200 - <view class="englishText">Favorites</view> 199 + <view class="IntroduceColor Introducepublic" wx:if="{{arryIndex=='0'}}">
  200 + <view class="englishText font28r">Favorites</view>
201 <view class="chefText">菜品展示</view> 201 <view class="chefText">菜品展示</view>
202 </view> 202 </view>
203 </view> 203 </view>
@@ -226,15 +226,15 @@ @@ -226,15 +226,15 @@
226 <view class="preferentialItems" wx:if="{{marketing && marketing.is_recharge=='1' && recharge_data && (is_fix!='1' || (is_fix=='1' && dataStr<(recharge_data.exp_date.fix_edate*1)))}}"> 226 <view class="preferentialItems" wx:if="{{marketing && marketing.is_recharge=='1' && recharge_data && (is_fix!='1' || (is_fix=='1' && dataStr<(recharge_data.exp_date.fix_edate*1)))}}">
227 <view class="left"> 227 <view class="left">
228 <view class="top"> 228 <view class="top">
229 - <text>{{recharge_data.rname}}</text> 229 + <text class="font28r">{{recharge_data.rname}}</text>
230 </view> 230 </view>
231 - <view class="bottom" wx:if="{{priceInfo}}"> 231 + <view class="bottom font24r" wx:if="{{priceInfo}}">
232 {{priceInfo}}{{(recharge_data.recharge_list.is_coupons=='0' && recharge_data.recharge_list.is_score=='0')?'。':';'}} 232 {{priceInfo}}{{(recharge_data.recharge_list.is_coupons=='0' && recharge_data.recharge_list.is_score=='0')?'。':';'}}
233 </view> 233 </view>
234 - <view class="bottom" wx:if="{{scoreInfo}}"> 234 + <view class="bottom font24r" wx:if="{{scoreInfo}}">
235 {{scoreInfo}}{{recharge_data.recharge_list.is_coupons=='0'?'。':';'}} 235 {{scoreInfo}}{{recharge_data.recharge_list.is_coupons=='0'?'。':';'}}
236 </view> 236 </view>
237 - <view class="bottom" wx:if="{{recharge_data.recharge_list.is_coupons=='1'}}"> 237 + <view class="bottom font24r" wx:if="{{recharge_data.recharge_list.is_coupons=='1'}}">
238 {{recharge_data.recharge_list.is_coupons=='1'?'会员充值满'+marketing.recharge_data.recharge_money+'元赠送'+certificate:''}}。 238 {{recharge_data.recharge_list.is_coupons=='1'?'会员充值满'+marketing.recharge_data.recharge_money+'元赠送'+certificate:''}}。
239 </view> 239 </view>
240 </view> 240 </view>
@@ -253,9 +253,6 @@ @@ -253,9 +253,6 @@
253 <view class="news" wx:if="{{marketing && marketing.wecomle}}"> 253 <view class="news" wx:if="{{marketing && marketing.wecomle}}">
254 {{marketing?marketing.wecomle:''}} 254 {{marketing?marketing.wecomle:''}}
255 </view> 255 </view>
256 - <text style="color: #999; font-size: 26rpx;font-family: PingFang SC;">  
257 - 周到安排提供技术支持 400 000 9690  
258 - </text>  
259 </view> 256 </view>
260 <view class="more" wx:if="{{showMoreTip}}"> 257 <view class="more" wx:if="{{showMoreTip}}">
261 <view class="moreText">滑动查看更多</view> 258 <view class="moreText">滑动查看更多</view>
@@ -8,18 +8,6 @@ @@ -8,18 +8,6 @@
8 height: 268rpx; 8 height: 268rpx;
9 } 9 }
10 10
11 -.blueTitleImg {  
12 - background: #0143A3;  
13 -}  
14 -  
15 -.greenTitleImg {  
16 - background: #438E93;  
17 -}  
18 -  
19 -.blackGoldTitleImg {  
20 - background: #0C0F0E;  
21 -}  
22 -  
23 .titleIcon { 11 .titleIcon {
24 width: 250rpx; 12 width: 250rpx;
25 height: 132rpx; 13 height: 132rpx;
@@ -29,48 +17,21 @@ @@ -29,48 +17,21 @@
29 text-align: center; 17 text-align: center;
30 font-family: PingFang SC; 18 font-family: PingFang SC;
31 font-size: 72rpx; 19 font-size: 72rpx;
32 - -webkit-background-clip: text;  
33 - -webkit-text-fill-color: transparent; 20 + color: #FFD200;
34 position: relative; 21 position: relative;
35 top: -70rpx; 22 top: -70rpx;
36 - background-image: -webkit-linear-gradient(bottom, #697d6e, #cfb53b);  
37 } 23 }
38 24
39 -.blueTitle {  
40 - background-image: -webkit-linear-gradient(bottom, #697d6e, #cfb53b);  
41 -}  
42 -  
43 -.greenTitle {  
44 - background-image: -webkit-linear-gradient(bottom, #83a06b, #cfb53b);  
45 -}  
46 -  
47 -.blackGoldTitle {  
48 - background-image: -webkit-linear-gradient(bottom, #663712, #c76216);  
49 -}  
50 25
51 .info { 26 .info {
52 text-align: center; 27 text-align: center;
53 font-family: FangSong; 28 font-family: FangSong;
54 font-size: 40rpx; 29 font-size: 40rpx;
55 - background-image: -webkit-linear-gradient(bottom, #eeae74, #EEAE74);  
56 - -webkit-background-clip: text;  
57 - -webkit-text-fill-color: transparent; 30 + color: #D8C46B;
58 position: relative; 31 position: relative;
59 top: -68rpx; 32 top: -68rpx;
60 } 33 }
61 34
62 -.blueInfo {  
63 - background-image: -webkit-linear-gradient(bottom, #817d8a, #eeae74);  
64 -}  
65 -  
66 -.greenInfo {  
67 - background-image: -webkit-linear-gradient(bottom, #999e84, #edae74);  
68 -}  
69 -  
70 -.blackGoldInfo {  
71 - background-image: -webkit-linear-gradient(bottom, #866545, #eeae74);  
72 -}  
73 -  
74 .homeImage { 35 .homeImage {
75 width: 100%; 36 width: 100%;
76 } 37 }
@@ -78,7 +39,7 @@ @@ -78,7 +39,7 @@
78 .reservationInfo { 39 .reservationInfo {
79 display: flex; 40 display: flex;
80 min-height: 200rpx; 41 min-height: 200rpx;
81 - padding: 0 26rpx; 42 + padding: 0 20rpx;
82 position: relative; 43 position: relative;
83 } 44 }
84 45
@@ -92,11 +53,11 @@ @@ -92,11 +53,11 @@
92 53
93 .infoRight { 54 .infoRight {
94 flex: 1; 55 flex: 1;
95 - margin-left: 30rpx; 56 + margin-left: 20rpx;
96 } 57 }
97 58
98 .begin { 59 .begin {
99 - margin: 20rpx 0 30rpx 0; 60 + margin-top: 20rpx;
100 color: #000000; 61 color: #000000;
101 font-family: PingFang SC; 62 font-family: PingFang SC;
102 font-size: 32rpx; 63 font-size: 32rpx;
@@ -131,7 +92,6 @@ @@ -131,7 +92,6 @@
131 92
132 .handleInfo { 93 .handleInfo {
133 width: 100%; 94 width: 100%;
134 - margin-top: 20rpx;  
135 display: flex; 95 display: flex;
136 justify-content: space-between; 96 justify-content: space-between;
137 align-items: center; 97 align-items: center;
@@ -139,8 +99,8 @@ @@ -139,8 +99,8 @@
139 99
140 .welcome { 100 .welcome {
141 text-align: center; 101 text-align: center;
142 - margin: 40rpx 0 0 0;  
143 color: #000; 102 color: #000;
  103 + margin: 20rpx 0 8rpx 0;
144 } 104 }
145 105
146 .visitor { 106 .visitor {
@@ -163,7 +123,6 @@ @@ -163,7 +123,6 @@
163 color: #999999; 123 color: #999999;
164 font-family: PingFang SC; 124 font-family: PingFang SC;
165 font-weight: 500; 125 font-weight: 500;
166 - font-size: 26rpx;  
167 height: 110rpx; 126 height: 110rpx;
168 justify-content: space-between; 127 justify-content: space-between;
169 } 128 }
@@ -181,10 +140,6 @@ @@ -181,10 +140,6 @@
181 text-align: center; 140 text-align: center;
182 } 141 }
183 142
184 -.brownFont:nth-of-type(1) {  
185 - margin-bottom: 22rpx;  
186 -}  
187 -  
188 .handle text { 143 .handle text {
189 margin-bottom: 20rpx; 144 margin-bottom: 20rpx;
190 } 145 }
@@ -256,7 +211,6 @@ @@ -256,7 +211,6 @@
256 211
257 .imgMask { 212 .imgMask {
258 position: relative; 213 position: relative;
259 - margin: 0 20rpx 18rpx 20rpx;  
260 } 214 }
261 215
262 .famousChefBox .imgMask, 216 .famousChefBox .imgMask,
@@ -276,11 +230,14 @@ @@ -276,11 +230,14 @@
276 padding-left: 20rpx; 230 padding-left: 20rpx;
277 } 231 }
278 232
  233 +.vegetableBox .IntroduceColor {
  234 + background: linear-gradient(180deg, #0c0f0e 0%, #0c0f0e4d 100%);
  235 +}
  236 +
279 .shopName { 237 .shopName {
280 - margin-bottom: 30rpx; 238 + margin: 16rpx 0 20rpx 0;
281 color: #ffffff; 239 color: #ffffff;
282 - font-family: FangSong;  
283 - font-size: 30rpx; 240 + font-family: PingFang SC;
284 } 241 }
285 242
286 .styleShopName { 243 .styleShopName {
@@ -297,9 +254,8 @@ @@ -297,9 +254,8 @@
297 .labelBox .label { 254 .labelBox .label {
298 width: 90%; 255 width: 90%;
299 line-height: 40rpx; 256 line-height: 40rpx;
300 - margin: 0 20rpx;  
301 color: #ffffff; 257 color: #ffffff;
302 - font-family: FangSong; 258 + font-family: PingFang SC;
303 font-size: 20rpx; 259 font-size: 20rpx;
304 max-height: 400rpx; 260 max-height: 400rpx;
305 overflow: hidden; 261 overflow: hidden;
@@ -315,7 +271,9 @@ @@ -315,7 +271,9 @@
315 } 271 }
316 272
317 .labelBox2 .label { 273 .labelBox2 .label {
318 - height: 400rpx; 274 + height: 90%;
  275 + overflow-y: scroll;
  276 + margin-right: 20rpx;
319 } 277 }
320 278
321 .labelBox .styleLabel { 279 .labelBox .styleLabel {
@@ -325,9 +283,9 @@ @@ -325,9 +283,9 @@
325 .labelBox .line { 283 .labelBox .line {
326 position: absolute; 284 position: absolute;
327 width: 4rpx; 285 width: 4rpx;
328 - height: 100%; 286 + height: 90%;
329 top: 3%; 287 top: 3%;
330 - background: linear-gradient(270deg, rgba(238, 174, 116, 1) 20%, rgba(12, 15, 14, 1) 124%); 288 + background: linear-gradient(270deg, #eeae74 20%, #0c0f0e 124%);
331 } 289 }
332 290
333 .labelBox1 .line { 291 .labelBox1 .line {
@@ -356,8 +314,14 @@ @@ -356,8 +314,14 @@
356 font-size: 28rpx; 314 font-size: 28rpx;
357 line-height: 50rpx; 315 line-height: 50rpx;
358 box-sizing: border-box; 316 box-sizing: border-box;
  317 + top: 0;
  318 + height: 100%;
  319 + background: linear-gradient(180deg, #0c0f0e 0%, #0c0f0e4d 100%);
  320 + padding: 0 30rpx;
  321 + width: 45%;
359 } 322 }
360 323
  324 +
361 .famousChefBox .IntroduceColor { 325 .famousChefBox .IntroduceColor {
362 top: 0; 326 top: 0;
363 right: 0; 327 right: 0;
@@ -392,19 +356,17 @@ @@ -392,19 +356,17 @@
392 356
393 .vegetableBox .englishText { 357 .vegetableBox .englishText {
394 margin: 10rpx 0 0 0; 358 margin: 10rpx 0 0 0;
395 - color: #b39437; 359 + color: #B39437;
396 } 360 }
397 361
398 .englishText { 362 .englishText {
399 - font-family: FangSong;  
400 - font-size: 28rpx; 363 + font-family: PingFang SC;
401 margin: 30rpx 0 0 0; 364 margin: 30rpx 0 0 0;
402 color: #b39437; 365 color: #b39437;
403 } 366 }
404 367
405 .chefText { 368 .chefText {
406 - font-family: FangSong;  
407 - font-size: 28rpx; 369 + font-family: PingFang SC;
408 color: #b39437; 370 color: #b39437;
409 } 371 }
410 372
@@ -416,18 +378,6 @@ @@ -416,18 +378,6 @@
416 text-align: right; 378 text-align: right;
417 } 379 }
418 380
419 -.greenchief {  
420 - background: linear-gradient(180deg, #438e93 0%, #438e934d 100%);  
421 -}  
422 -  
423 -.bluechief {  
424 - background: linear-gradient(180deg, #0143a3 0%, #0143a34d 100%);  
425 -}  
426 -  
427 -.blackGoldchief {  
428 - background: linear-gradient(180deg, #0c0f0e 0%, #0c0f0e4d 100%);  
429 -}  
430 -  
431 .famousChefBox text { 381 .famousChefBox text {
432 text-align: right; 382 text-align: right;
433 } 383 }
@@ -465,7 +415,7 @@ @@ -465,7 +415,7 @@
465 .endStyle { 415 .endStyle {
466 display: flex; 416 display: flex;
467 justify-content: flex-end; 417 justify-content: flex-end;
468 - height: 60rpx; 418 + height: 54rpx;
469 margin: 20rpx 0; 419 margin: 20rpx 0;
470 } 420 }
471 421
@@ -479,12 +429,12 @@ @@ -479,12 +429,12 @@
479 border: 2rpx solid #0143A3; 429 border: 2rpx solid #0143A3;
480 border-radius: 32rpx; 430 border-radius: 32rpx;
481 margin: 20rpx 0; 431 margin: 20rpx 0;
482 - line-height: 44rpx;  
483 - height: 44rpx; 432 + line-height: 40rpx;
  433 + height: 40rpx;
484 } 434 }
485 435
486 .preferential { 436 .preferential {
487 - margin: 16rpx 40rpx 20rpx 56rpx; 437 + margin: 16rpx 40rpx 20rpx 40rpx;
488 } 438 }
489 439
490 .preferentialItems { 440 .preferentialItems {
@@ -513,6 +463,7 @@ @@ -513,6 +463,7 @@
513 } 463 }
514 464
515 .bottom { 465 .bottom {
  466 + width: 95%;
516 margin-top: 20rpx; 467 margin-top: 20rpx;
517 color: #515151; 468 color: #515151;
518 font-family: PingFang SC; 469 font-family: PingFang SC;
@@ -526,8 +477,7 @@ @@ -526,8 +477,7 @@
526 } 477 }
527 478
528 .top text:nth-of-type(1) { 479 .top text:nth-of-type(1) {
529 - font-size: 28rpx;  
530 - font-weight: 500; 480 + font-weight: 600;
531 color: #515151; 481 color: #515151;
532 } 482 }
533 483
@@ -538,15 +488,11 @@ @@ -538,15 +488,11 @@
538 border-radius: 6rpx; 488 border-radius: 6rpx;
539 margin: 0 10rpx 0 20rpx; 489 margin: 0 10rpx 0 20rpx;
540 font-family: PingFang SC; 490 font-family: PingFang SC;
541 - font-size: 24rpx;  
542 - height: 30rpx;  
543 - line-height: 30rpx;  
544 } 491 }
545 492
546 .top .price { 493 .top .price {
547 color: #E34D59; 494 color: #E34D59;
548 font-weight: 500; 495 font-weight: 500;
549 - font-size: 30rpx;  
550 } 496 }
551 497
552 .price { 498 .price {
@@ -634,6 +580,14 @@ @@ -634,6 +580,14 @@
634 .shareItem { 580 .shareItem {
635 width: 100%; 581 width: 100%;
636 margin: 0; 582 margin: 0;
  583 + background: #fafafa;
  584 + color: #0143A3;
  585 + border: 2rpx solid #0143A3;
  586 +}
  587 +
  588 +.between .shareItem {
  589 + width: 65% !important;
  590 + margin: 0;
637 background: linear-gradient(104.24deg, #4c8dad -57.47%, #0143a3 55.72%, #42a5ff 148.72%); 591 background: linear-gradient(104.24deg, #4c8dad -57.47%, #0143a3 55.72%, #42a5ff 148.72%);
638 color: #fff; 592 color: #fff;
639 } 593 }
@@ -642,9 +596,6 @@ @@ -642,9 +596,6 @@
642 width: 100% !important; 596 width: 100% !important;
643 } 597 }
644 598
645 -.between .shareItem {  
646 - width: 65% !important;  
647 -}  
648 599
649 .book-item-font { 600 .book-item-font {
650 width: 40% !important; 601 width: 40% !important;
@@ -672,7 +623,7 @@ @@ -672,7 +623,7 @@
672 } 623 }
673 624
674 .evaluateBox { 625 .evaluateBox {
675 - margin: 16rpx 84rpx 16rpx 56rpx; 626 + margin: 16rpx 84rpx 16rpx 40rpx;
676 display: flex; 627 display: flex;
677 align-items: center; 628 align-items: center;
678 justify-content: space-between; 629 justify-content: space-between;
@@ -707,4 +658,87 @@ @@ -707,4 +658,87 @@
707 .more image { 658 .more image {
708 width: 30rpx; 659 width: 30rpx;
709 height: 30rpx; 660 height: 30rpx;
  661 +}
  662 +
  663 +/* 黑蓝过渡 */
  664 +.blackBlueGradient .titleImg {
  665 + background: linear-gradient(104.24deg, #42a5ff -57.47%, #000000 55.72%, #42a5ff 182.69%);
  666 +}
  667 +
  668 +/* 石绿过渡 */
  669 +.stoneGreenGradient .titleImg {
  670 + background: linear-gradient(121.52deg, #438e93 1.76%, #206864 42.99%, #206864 75.66%, #42a5ff 120.1%);
  671 +}
  672 +
  673 +/* 中国红过渡 */
  674 +.chinaRedGradient .titleImg {
  675 + background: linear-gradient(309.04deg, #af231c -2.27%, #86201b 44.37%, #af231c 91.74%);
  676 +}
  677 +
  678 +/* 群青过渡 */
  679 +.ultramarineGradient .titleImg {
  680 + background: linear-gradient(104.24deg, #4c8dad -57.47%, #0143a3 55.72%, #42a5ff 148.72%);
  681 +}
  682 +
  683 +
  684 +/* 深中国红 */
  685 +.crimson .titleImg {
  686 + background: #86201B;
  687 +}
  688 +
  689 +
  690 +/* 中国红 */
  691 +.chinaRed .titleImg {
  692 + background: #AF231C;
  693 +}
  694 +
  695 +
  696 +/* 蓝采和 */
  697 +.lanCaiHe .titleImg {
  698 + background: #06436F;
  699 +}
  700 +
  701 +/* 石绿 */
  702 +.stoneGreen .titleImg {
  703 + background: #206864;
  704 +}
  705 +
  706 +
  707 +/* 姜黄 */
  708 +.turmeric .titleImg {
  709 + background: #B39437;
  710 +}
  711 +
  712 +
  713 +.turmeric .title,
  714 +.turmeric .info {
  715 + color: #fff;
  716 +}
  717 +
  718 +/* 苍黄 */
  719 +.greenishYellow .titleImg {
  720 + background: #C85306;
  721 +}
  722 +
  723 +
  724 +/* 金黄 */
  725 +.golden .titleImg {
  726 + background: #C67B3A;
  727 +}
  728 +
  729 +
  730 +.golden .title,
  731 +.golden .info {
  732 + color: #fff;
  733 +}
  734 +
  735 +/* 群青 */
  736 +.ultramarine .titleImg {
  737 + background: #0143A3;
  738 +}
  739 +
  740 +
  741 +/* 摩洛哥蓝 */
  742 +.moroccanBlue .titleImg {
  743 + background: #19516A;
710 } 744 }
@@ -619,9 +619,16 @@ @@ -619,9 +619,16 @@
619 "scene": null 619 "scene": null
620 }, 620 },
621 { 621 {
  622 + "name": "邀请函-----5",
  623 + "pathName": "pages/customer/detail_owner_invitation5",
  624 + "query": "id=401339&hasInvitation=1&hasSellerShare=1&tplid=1",
  625 + "launchMode": "default",
  626 + "scene": null
  627 + },
  628 + {
622 "name": "邀请函-----6", 629 "name": "邀请函-----6",
623 "pathName": "pages/customer/detail_owner_invitation6", 630 "pathName": "pages/customer/detail_owner_invitation6",
624 - "query": "id=400725&hasInvitation=1&hasSellerShare=1&tplid=1", 631 + "query": "id=400386&hasInvitation=1&hasSellerShare=1&tplid=1",
625 "launchMode": "default", 632 "launchMode": "default",
626 "scene": null 633 "scene": null
627 }, 634 },