xt / xcx-book · Commits

Go to a project

Commit 62067e603da7c5d0283f33c42e0ed65c9a6c99ff

Authored by pengye
1 parent 1018b906
build: skipped

邀请函模板3修改

Inline Side-by-side
Showing 4 changed files with 636 additions and 500 deletions
@@ -45,13 +45,13 @@ Page({ @@ -45,13 +45,13 @@ Page({
45 showMoreTip: true, 45 showMoreTip: true,
46 themeColor: '', 46 themeColor: '',
47 screenHeight: '', 47 screenHeight: '',
48 - whiteBj: false,  
49 hasValueOrder:false,//商家是否开通提前点餐功能 48 hasValueOrder:false,//商家是否开通提前点餐功能
50 hasValueCertificate:false,//商家是否开通优惠券功能 49 hasValueCertificate:false,//商家是否开通优惠券功能
51 hasValueRecharge:false,//商家是否开通充值功能 50 hasValueRecharge:false,//商家是否开通充值功能
52 hasValueBroadcast:false,//商家是否能播报，只有极速版不能播报 51 hasValueBroadcast:false,//商家是否能播报，只有极速版不能播报
53 _attentionAnim: {}, 52 _attentionAnim: {},
54 isPlay: '1', 53 isPlay: '1',
  54 + titleType:'',//标题样式
55 paymentStatus:'',//定金支付状态 1支付 0未支付 55 paymentStatus:'',//定金支付状态 1支付 0未支付
56 reserveData:{},//自定义图文数据 56 reserveData:{},//自定义图文数据
57 toastBool: false, //支付定金提示框 57 toastBool: false, //支付定金提示框
@@ -243,7 +243,7 @@ Page({ @@ -243,7 +243,7 @@ Page({
243 }) 243 })
244 this.tablestr = tabaleids.toString(); 244 this.tablestr = tabaleids.toString();
245 let reserev = RS.reserve(res.data) 245 let reserev = RS.reserve(res.data)
246 - let dateSmart = util.unixtoTime(reserev.ddate, 'YYYY年MM月DD日 星期WW'); 246 + let dateSmart = util.unixtoTime(reserev.ddate, 'YYYY-MM-DD 星期WW');
247 let yearMonthDay = util.unixtoTime(reserev.ddate, 'YYYY年MM月DD日') 247 let yearMonthDay = util.unixtoTime(reserev.ddate, 'YYYY年MM月DD日')
248 let yearMonth = util.unixtoTime(reserev.ddate, 'MM月DD日') 248 let yearMonth = util.unixtoTime(reserev.ddate, 'MM月DD日')
249 let dateStr = util.unixtoTime(reserev.ddate, 'HH点') 249 let dateStr = util.unixtoTime(reserev.ddate, 'HH点')
@@ -267,6 +267,7 @@ Page({ @@ -267,6 +267,7 @@ Page({
267 hasUpTime: reserev.type == 1 && reserev.hasRunning && reserev.status != 2, 267 hasUpTime: reserev.type == 1 && reserev.hasRunning && reserev.status != 2,
268 tel: reserev.seller.seller_tel.split(',')[0], 268 tel: reserev.seller.seller_tel.split(',')[0],
269 soltName: reserev.soltName, 269 soltName: reserev.soltName,
  270 + dateTime:util.unixtoTime(reserev.ddate, 'HH:II'),
270 time: util.unixtoTime(reserev.ddate, '星期WW HH:II'), 271 time: util.unixtoTime(reserev.ddate, '星期WW HH:II'),
271 lat: reserev.seller.lat, 272 lat: reserev.seller.lat,
272 long: reserev.seller.long, 273 long: reserev.seller.long,
@@ -527,7 +528,7 @@ Page({ @@ -527,7 +528,7 @@ Page({
527 let data = res.data 528 let data = res.data
528 console.log('data', data); 529 console.log('data', data);
529 let couponList = [] 530 let couponList = []
530 - let themeColor, StyleType, whiteBj, home, chef, marketing, coupon, reserve, swich_phone, is_comments, signboard, store; 531 + let themeColor, StyleType, titleType, home, chef, marketing, coupon, reserve, swich_phone, is_comments, signboard, store;
531 chef = util.determine(data.chef); 532 chef = util.determine(data.chef);
532 reserve = util.determine(data.reserve); 533 reserve = util.determine(data.reserve);
533 marketing = util.determine(data.marketing); 534 marketing = util.determine(data.marketing);
@@ -536,6 +537,7 @@ Page({ @@ -536,6 +537,7 @@ Page({
536 home = util.determine(data.home); 537 home = util.determine(data.home);
537 themeColor = data.lite_class || 'ultramarine'; 538 themeColor = data.lite_class || 'ultramarine';
538 StyleType = data.type; 539 StyleType = data.type;
  540 + titleType = data.title_class;
539 swich_phone = reserve && reserve.swich_phone ? reserve.swich_phone : ''; 541 swich_phone = reserve && reserve.swich_phone ? reserve.swich_phone : '';
540 if (marketing) { 542 if (marketing) {
541 is_comments = marketing.is_comments ? marketing.is_comments : ''; 543 is_comments = marketing.is_comments ? marketing.is_comments : '';
@@ -568,6 +570,7 @@ Page({ @@ -568,6 +570,7 @@ Page({
568 swich_phone, 570 swich_phone,
569 is_comments, 571 is_comments,
570 StyleType, 572 StyleType,
  573 + titleType,
571 themeColor, 574 themeColor,
572 } 575 }
573 console.log('获取数据', { 576 console.log('获取数据', {
@@ -580,12 +583,8 @@ Page({ @@ -580,12 +583,8 @@ Page({
580 this.getRechargeDetail(marketing.recharge_data.id) 583 this.getRechargeDetail(marketing.recharge_data.id)
581 } 584 }
582 if (store && store.images && store.images.length > 0) store.images = util.determine(store.images); 585 if (store && store.images && store.images.length > 0) store.images = util.determine(store.images);
  586 + if (reserve && reserve.park_info_images && reserve.park_info_images.length > 0) reserve.park_info_images = util.determine(reserve.park_info_images);
583 if (signboard && signboard.images && signboard.images.length > 0) signboard.images = util.determine(signboard.images); 587 if (signboard && signboard.images && signboard.images.length > 0) signboard.images = util.determine(signboard.images);
584 - if (themeColor == 'turmeric' || themeColor == 'golden') {  
585 - whiteBj = true  
586 - } else {  
587 - whiteBj = false  
588 - }  
589 this.setData({ 588 this.setData({
590 chef, 589 chef,
591 marketing, 590 marketing,
@@ -596,8 +595,8 @@ Page({ @@ -596,8 +595,8 @@ Page({
596 swich_phone, 595 swich_phone,
597 is_comments, 596 is_comments,
598 StyleType, 597 StyleType,
  598 + titleType,
599 themeColor, 599 themeColor,
600 - whiteBj,  
601 }) 600 })
602 // 开启语音播报 601 // 开启语音播报
603 if (reserve && reserve.swich_voice == '1') { 602 if (reserve && reserve.swich_voice == '1') {
@@ -4,6 +4,7 @@ @@ -4,6 +4,7 @@
4 "navigationBarTitleText": "", 4 "navigationBarTitleText": "",
5 "usingComponents": { 5 "usingComponents": {
6 "nav": "/components/nav/nav", 6 "nav": "/components/nav/nav",
7 - "painter":"/components/painter/painter" 7 + "painter":"/components/painter/painter",
  8 + "titleStyle":"/components/titleStyle/titleStyle"
8 } 9 }
9 } 10 }
@@ -11,9 +11,11 @@ @@ -11,9 +11,11 @@
11 /> 11 />
12 <view class="reservationInfo"> 12 <view class="reservationInfo">
13 <view class="titleImg"> 13 <view class="titleImg">
14 - <image src="{{whiteBj?'https://qn.colorcun.com/whiteBj1.png':'https://qn.colorcun.com/leaf.png'}}" class="titleIcon"></image> 14 + <image wx:if="{{themeColor == 'turmeric' || themeColor == 'golden'}}" src="https://qn.colorcun.com/whiteBj1.png" class="titleIcon" />
  15 + <image wx:elif="{{themeColor == 'pearlWhite'}}" src="https://nosqn.colorcun.com/whiteBj3.png" class="titleIcon" />
  16 + <image wx:else src="https://qn.colorcun.com/leaf.png" class="titleIcon" />
15 <view class="title">{{seller.name?seller.name:reserve.seller_name}}</view> 17 <view class="title">{{seller.name?seller.name:reserve.seller_name}}</view>
16 - <view class="info"> 18 + <view class="info font28r" wx:if="{{reserve && reserve.swich_slogan == '1' && home && home.slogan}}">
17 {{home.slogan}} 19 {{home.slogan}}
18 </view> 20 </view>
19 </view> 21 </view>
@@ -23,35 +25,31 @@ @@ -23,35 +25,31 @@
23 <text>{{item.name}}</text> 25 <text>{{item.name}}</text>
24 </view> 26 </view>
25 </view> 27 </view>
26 - <view class="begin beginTop" wx:if="{{reserve && reserve.swich_booking=='1' && reserve.book_info}}">  
27 - <view class="font40r">{{reserve && reserve.book_info}}</view>  
28 - </view>  
29 <view class="begin"> 28 <view class="begin">
30 - <view class="font40r">尊敬的贵宾，您好！</view>  
31 - <view class="font40r">非常感谢您选择【{{seller.name?seller.name:reserve.seller_name}}】！</view> 29 + <view class="font28r" wx:if="{{reserve && reserve.swich_booking=='1' && reserve.book_info}}">{{reserve && reserve.book_info}}</view>
  30 + </view>
  31 + <view class="flex-11" wx:if="{{detail && detail.rnameStr && reserve && reserve.swich_customer == '1'}}">
  32 + <view class="label font28r">【贵宾】</view>
  33 + <view class="contentData font36r">{{detail.rnameStr}}</view>
32 </view> 34 </view>
33 <view class="flex-11" wx:if="{{seller.date}}"> 35 <view class="flex-11" wx:if="{{seller.date}}">
34 - <view class="label font36r">【日期】</view> 36 + <view class="label font28r">【日期】</view>
35 <view class="contentData font36r">{{seller.date}}</view> 37 <view class="contentData font36r">{{seller.date}}</view>
36 </view> 38 </view>
37 <view class="flex-11" wx:if="{{seller.soltName}}"> 39 <view class="flex-11" wx:if="{{seller.soltName}}">
38 - <view class="label font36r">【餐段】</view>  
39 - <view class="contentData font36r">{{seller.soltName}}</view>  
40 - </view>  
41 - <view class="flex-11" wx:if="{{seller.tablesText}}">  
42 - <view class="label font36r">【餐位】</view>  
43 - <view class="contentData bold font36r">{{seller.tablesText}}</view> 40 + <view class="label font28r">【餐段】</view>
  41 + <view class="contentData font36r">{{seller.soltName}}<text class="marLeft font36r">{{seller.dateTime}}</text></view>
44 </view> 42 </view>
45 <view class="flex-11" wx:if="{{detail.actual_pum || tableNum}}"> 43 <view class="flex-11" wx:if="{{detail.actual_pum || tableNum}}">
46 - <view class="label font36r">【人数】</view> 44 + <view class="label font28r">【人数】</view>
47 <view class="contentData font36r">{{detail.actual_pum?detail.actual_pum:tableNum}}位</view> 45 <view class="contentData font36r">{{detail.actual_pum?detail.actual_pum:tableNum}}位</view>
48 </view> 46 </view>
49 - <view class="flex-11" wx:if="{{reserve && reserve.swich_park=='1' && reserve.park_info}}">  
50 - <view class="label font36r">【停车】</view>  
51 - <view class="contentData font36r infos">{{reserve.park_info}}</view> 47 + <view class="flex-11" wx:if="{{seller.tablesText}}">
  48 + <view class="label font28r">【餐位】</view>
  49 + <view class="contentData bold font36r">{{seller.tablesText}}</view>
52 </view> 50 </view>
53 - <view class="flex-11" wx:if="{{ swich_phone!='0' && seller && reserve && seller.seller_tel}}">  
54 - <view class="label font36r">【联系】</view> 51 + <view class="flex-11" wx:if="{{swich_phone!='0' && seller && reserve && seller.seller_tel}}">
  52 + <view class="label font28r">【联系】</view>
55 <view class="contentData font36r infos">{{seller.seller_tel}}</view> 53 <view class="contentData font36r infos">{{seller.seller_tel}}</view>
56 </view> 54 </view>
57 <block wx:if="{{staffinfo && reserve.swich_manager=='1'}}"> 55 <block wx:if="{{staffinfo && reserve.swich_manager=='1'}}">
@@ -67,167 +65,177 @@ @@ -67,167 +65,177 @@
67 </view> 65 </view>
68 </view> 66 </view>
69 </block> 67 </block>
70 - <view wx:if="{{marketing && marketing.wecomle}}" class="welcome font36r"> 68 + <view wx:if="{{reserve && reserve.swich_welcome == '1' && marketing && marketing.wecomle}}" class="welcome font36r">
71 {{marketing.wecomle}} 69 {{marketing.wecomle}}
72 </view> 70 </view>
73 <view class="positioning"> 71 <view class="positioning">
74 - <view class="name">  
75 - <text class="font36r">{{seller.addr|| reserev.seller.map_address}}</text>  
76 - <button bindtap="looklocation" class="flex-cc font24r mapBtn">  
77 - <image src="https://qn.colorcun.com/address.png" mode="" />  
78 - 查看定位  
79 - </button>  
80 - </view> 72 + <image src="{{themeColor == 'pearlWhite'?'https://nosqn.colorcun.com/mapIcon2.png':'https://nosqn.colorcun.com/mapIcon1.png'}}" />
  73 + <text class="font28r">{{seller.addr|| reserve.seller.map_address}}</text>
  74 + <button bindtap="looklocation" class="flex-cc font24r mapBtn">
  75 + 导航到店
  76 + </button>
81 </view> 77 </view>
82 </view> 78 </view>
83 - <view class="preferential" wx:if="{{hasValueCertificate && marketing && marketing.is_coupon=='1' && coupon_dataList.length>0}}">  
84 - <block wx:for="{{coupon_dataList}}" wx:key="index" wx:for-index="index">  
85 - <view class="preferentialItems" wx:if="{{dataStr<(item.etime*1) && item.status == '1'}}">  
86 - <view class="itemLeft">  
87 - <view class="itemTop">  
88 - <text class="font28r">{{item.aname}}</text>  
89 - <view class="priceText font24r" wx:if="{{item.price}}">  
90 - <view class="icons font24r">￥</view>{{item.price}}  
91 - </view>  
92 - <!-- is_cash 代金券 is_discount折扣券 is_dish菜品券 只有代金券有几折显示 --> 79 + <view class="settingColor">
  80 + <view class="preferentialCoupon" wx:if="{{hasValueCertificate && marketing && marketing.is_coupon=='1' && coupon_dataList.length>0}}">
  81 + <block wx:for="{{coupon_dataList}}" wx:key="index" wx:for-index="index">
  82 + <view class="preferentialItems" wx:if="{{dataStr<(item.etime*1) && item.status == '1'}}">
  83 + <view class="itemLeft">
93 <text wx:if="{{item.discount!='0.00' && (item.use.is_cash=='1' || item.use.is_cash) && item.discount}}" class="discountText font24r">{{item.discount}}折</text> 84 <text wx:if="{{item.discount!='0.00' && (item.use.is_cash=='1' || item.use.is_cash) && item.discount}}" class="discountText font24r">{{item.discount}}折</text>
  85 + <view class="priceText" wx:if="{{item.price}}">
  86 + <view class="icons font40r">￥</view>{{item.price}}
  87 + </view>
94 </view> 88 </view>
95 - <text wx:if="{{item.exp_date.is_week=='1' || item.exp_date.is_week===true}}" class="bottom font24r">{{item.exp_date.week_show?item.exp_date.week_show+'可用':''}}{{item.desc?'，'+item.desc+'。':'。'}}</text>  
96 - <view wx:if="{{item.exp_date.is_none=='1' || item.exp_date.is_none===true}}" class="bottom font24r">  
97 - 无限制{{item.desc?'，'+item.desc+'。':'。'}}  
98 - </view>  
99 - <view wx:if="{{item.exp_date.is_birthday=='1' || item.exp_date.is_birthday===true}}" class="bottom font24r">  
100 - 会员生日当天可用{{item.desc?'，'+item.desc+'。':'。'}} 89 + <view class="itemRight">
  90 + <view class="btns">
  91 + <text class="font40r">{{item.aname}}</text>
  92 + <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">
  93 + <view class="font24r orderingFood">
  94 + 抢购
  95 + </view>
  96 + </navigator>
  97 + </view>
  98 + <text wx:if="{{item.exp_date.is_week=='1' || item.exp_date.is_week===true}}" class="bottom font24r">{{item.exp_date.week_show?item.exp_date.week_show+'可用':''}}{{item.desc?'，'+item.desc+'。':'。'}}</text>
  99 + <view wx:if="{{item.exp_date.is_none=='1' || item.exp_date.is_none===true}}" class="bottom font24r">
  100 + 无限制{{item.desc?'，'+item.desc+'。':'。'}}
  101 + </view>
  102 + <view wx:if="{{item.exp_date.is_birthday=='1' || item.exp_date.is_birthday===true}}" class="bottom font24r">
  103 + 会员生日当天可用{{item.desc?'，'+item.desc+'。':'。'}}
  104 + </view>
101 </view> 105 </view>
102 </view> 106 </view>
103 - <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">  
104 - <view class="font24r orderingFood">  
105 - 抢购  
106 - </view>  
107 - </navigator>  
108 - </view>  
109 - </block>  
110 - </view>  
111 - <view wx:if="{{is_comments=='1' && !is_user_comments}}" class="evaluateBox" bindtap="evaluateFun">  
112 - <text wx:if="{{is_comments=='1' && marketing.is_comments_coupon!='1'}}">想吐槽？戳这里填写意见！--></text>  
113 - <text wx:if="{{marketing.is_comments_coupon=='1'}}">想吐槽？戳这里填写意见反馈赢好礼！</text>  
114 - <image src="https://qn.colorcun.com/evaluate.png" mode="" />  
115 - </view>  
116 - <view class="reserveBox" wx:if="{{reserveData && (reserveData.title || reserveData.content)}}">  
117 - <view class="title font36r" wx:if="{{reserveData.title}}">{{reserveData.title}}</view>  
118 - <block wx:for="{{reserveData.content}}" wx:key="index">  
119 - <image class="items" wx:if="{{item.type =='1'}}" src="{{item.content}}" mode="widthFix"/>  
120 - <text class="items font24r" wx:if="{{item.type == '2'}}">{{item.content}}</text>  
121 - </block>  
122 - </view>  
123 - <!-- 餐厅介绍图文分开 -->  
124 - <view class="introduce" wx:if="{{store}}">  
125 - <view class="imgMask">  
126 - <view class="IntroduceColor" wx:if="{{store.introduce && (!store.is_introduce || store.is_introduce!='0')}}">  
127 - <view class="chefText font36r">餐厅介绍</view>  
128 - <view class="labelBox"> 107 + </block>
  108 + </view>
  109 + <view wx:if="{{is_comments=='1' && !is_user_comments}}" class="evaluateBox" bindtap="evaluateFun">
  110 + <text wx:if="{{is_comments=='1' && marketing.is_comments_coupon!='1'}}">想<text>吐槽</text>？戳这里填写意见！--></text>
  111 + <text wx:if="{{marketing.is_comments_coupon=='1'}}">想<text>吐槽</text>？戳这里填写意见反馈赢好礼！</text>
  112 + <image wx:if="{{themeColor == 'pearlWhite'}}" src="https://nosqn.colorcun.com/evaluateWhite.png" mode="" />
  113 + <image wx:elif="{{themeColor == 'turmeric' || themeColor == 'greenishYellow' || themeColor == 'golden'}}" src="https://nosqn.colorcun.com/evaluateYellow.png" mode="" />
  114 + <image wx:else src="https://nosqn.colorcun.com/evaluate2.png" mode="" />
  115 + </view>
  116 + <view class="reserveBox" wx:if="{{reserveData && (reserveData.title || reserveData.content)}}">
  117 + <view class="title font40r" wx:if="{{reserveData.title}}">{{reserveData.title}}</view>
  118 + <block wx:for="{{reserveData.content}}" wx:key="index">
  119 + <image class="items" wx:if="{{item.type =='1'}}" src="{{item.content}}" mode="widthFix" />
  120 + <text class="items font32r" wx:if="{{item.type == '2'}}">{{item.content}}</text>
  121 + </block>
  122 + </view>
  123 + <!-- 餐厅介绍 用餐环境 -->
  124 + <view class="introduceBox">
  125 + <block wx:if="{{(marketing && marketing.logo && (!marketing.is_logo || marketing.is_logo!='0')) || (store.introduce && (!store.is_introduce || store.is_introduce!='0')) || (home.image && (!home.id_first_image || home.id_first_image!='0'))}}">
  126 + <view wx:if="{{titleType}}" class="chefText font36r">
  127 + <titleStyle isWhite="{{themeColor}}" titleStyleType="{{titleType}}" titleText="餐厅介绍"></titleStyle>
  128 + </view>
  129 + <image wx:if="{{marketing && marketing.logo && (!marketing.is_logo || marketing.is_logo!='0')}}" src="{{marketing.logo?marketing.logo:''}}" mode="widthFix" />
  130 + <view class="labelBox" wx:if="{{store.introduce && (!store.is_introduce || store.is_introduce!='0')}}">
129 <text class="texts">{{store.introduce}} 131 <text class="texts">{{store.introduce}}
130 </text> 132 </text>
131 </view> 133 </view>
132 - </view> 134 + <image wx:if="{{home.image && (!home.id_first_image || home.id_first_image!='0')}}" src="{{home.image}}" class="homeImage" mode="widthFix"></image>
  135 + </block>
133 <block wx:if="{{store.images.length>0 && (!store.is_images || store.is_images!='0')}}"> 136 <block wx:if="{{store.images.length>0 && (!store.is_images || store.is_images!='0')}}">
134 - <view class="chefText font36r">用餐环境</view> 137 + <view wx:if="{{titleType}}" class="chefText font36r">
  138 + <titleStyle isWhite="{{themeColor}}" titleStyleType="{{titleType}}" titleText="用餐环境"></titleStyle>
  139 + </view>
135 <block wx:for="{{store.images}}" wx:key="arryIndex" wx:for-index="arryIndex"> 140 <block wx:for="{{store.images}}" wx:key="arryIndex" wx:for-index="arryIndex">
136 <image src="{{item}}" mode="widthFix" /> 141 <image src="{{item}}" mode="widthFix" />
137 </block> 142 </block>
138 - <view class="lines"></view>  
139 </block> 143 </block>
140 </view> 144 </view>
141 - </view>  
142 - <!-- 主厨介绍图文分开 -->  
143 - <view class="introduce famousChefBox" wx:if="{{chef && (!chef.is_introduce || chef.is_introduce!='0') || (!chef.is_images || chef.is_images!='0')}}">  
144 - <view class="imgMask">  
145 - <view class="IntroduceColor">  
146 - <view class="chefText font36r" wx:if="{{chef.is_introduce || chef.is_images}}">主厨介绍</view>  
147 - <view class="labelBox" wx:if="{{!chef.is_introduce || chef.is_introduce!='0'}}">  
148 - <text class="texts">{{chef.introduce}}  
149 - </text>  
150 - </view> 145 + <!-- 主厨介绍 -->
  146 + <view class="introduceBox famousChefBox" wx:if="{{chef && (!chef.is_introduce || chef.is_introduce!='0') || (!chef.is_images || chef.is_images!='0')}}">
  147 + <view wx:if="{{titleType && (chef.is_introduce || chef.is_images)}}" class="chefText font36r">
  148 + <titleStyle isWhite="{{themeColor}}" titleStyleType="{{titleType}}" titleText="主厨介绍"></titleStyle>
  149 + </view>
  150 + <view class="labelBox" wx:if="{{!chef.is_introduce || chef.is_introduce!='0'}}">
  151 + <text class="texts">{{chef.introduce}}
  152 + </text>
151 </view> 153 </view>
152 <block wx:if="{{(!chef.is_images || chef.is_images!='0') && chef.image}}"> 154 <block wx:if="{{(!chef.is_images || chef.is_images!='0') && chef.image}}">
153 <image src="{{chef.image}}" mode="widthFix" /> 155 <image src="{{chef.image}}" mode="widthFix" />
154 </block> 156 </block>
155 - <view wx:if="{{chef.is_introduce || chef.is_images}}" class="{{(!chef.is_images || chef.is_images!='0')?'lines':'lines mtnone'}}"></view>  
156 </view> 157 </view>
157 - </view>  
158 - <!-- 菜品展示 swich为1展示 -->  
159 - <view class="introduce vegetableBox" wx:if="{{signboard && signboard.swich=='1'}}">  
160 - <view class="imgMask">  
161 - <view class="IntroduceColor Introducepublic">  
162 - <view class="chefText font36r">特色菜品</view> 158 + <!-- 特色菜品 swich为1展示 -->
  159 + <view class="introduceBox vegetableBox" wx:if="{{signboard && signboard.swich=='1'}}">
  160 + <view wx:if="{{titleType}}" class="chefText font36r">
  161 + <titleStyle isWhite="{{themeColor}}" titleStyleType="{{titleType}}" titleText="特色菜品"></titleStyle>
163 </view> 162 </view>
164 <block wx:for="{{signboard.images}}" wx:key="arryIndex" wx:for-index="arryIndex"> 163 <block wx:for="{{signboard.images}}" wx:key="arryIndex" wx:for-index="arryIndex">
165 <image src="{{item}}" mode="widthFix" /> 164 <image src="{{item}}" mode="widthFix" />
166 </block> 165 </block>
167 - <view class="lines"></view>  
168 </view> 166 </view>
169 - </view>  
170 - <view class="specialServices" wx:if="{{hasValueOrder && detail && detail.seller.is_open_order==1 && marketing && marketing.is_order=='1'}}">  
171 - <view class="rubric">  
172 - 提前点餐  
173 - </view>  
174 - <view class="news">  
175 - 本店特为贵宾提供提前点餐服务，您现在可以选菜下单，到店就餐时无需等待服务员点餐，可以直接享受就餐服务^_^ 167 + <!-- 停车指引 swich为1展示 -->
  168 + <view class="introduceBox stopBox" wx:if="{{reserve && reserve.swich_park=='1' && (reserve.park_info || reserve.park_info_images)}}">
  169 + <view wx:if="{{titleType}}" class="chefText font36r">
  170 + <titleStyle isWhite="{{themeColor}}" titleStyleType="{{titleType}}" titleText="停车指引"></titleStyle>
  171 + </view>
  172 + <view class="labelBox" wx:if="{{reserve.park_info}}">
  173 + <text class="texts">{{reserve.park_info}}
  174 + </text>
  175 + </view>
  176 + <block wx:for="{{reserve.park_info_images}}" wx:key="arryIndex" wx:for-index="arryIndex">
  177 + <image src="{{item}}" mode="widthFix" />
  178 + </block>
176 </view> 179 </view>
177 - <view class="endStyle">  
178 - <view class="book-item-font second-book-button flex-cc font30r cook" style="position: relative;">  
179 - <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"> 180 + <view class="specialServices" wx:if="{{hasValueOrder && detail && detail.seller.is_open_order==1 && marketing && marketing.is_order=='1'}}">
  181 + <view wx:if="{{titleType}}" class="chefText font36r">
  182 + <titleStyle isWhite="{{themeColor}}" titleStyleType="{{titleType}}" titleText="提前点餐"></titleStyle>
  183 + </view>
  184 + <view class="endStyle">
  185 + <view class="news font32r">
  186 + 现在提前点菜下单，到店时无需等待服务员点餐，直接享受就餐服务^_^
  187 + </view>
  188 + <view wx:if="{{detail && detail.seller.is_open_order==1 && marketing && marketing.is_order=='1'}}" bindtap="cookbook" class="book-item-font flex-cc font30r cook" style="position: relative;">
180 去点餐 189 去点餐
181 </view> 190 </view>
182 </view> 191 </view>
183 </view> 192 </view>
184 - </view>  
185 - <view class="preferential" wx:if="{{hasValueRecharge && marketing && (marketing.is_coupon=='1' || marketing.is_recharge=='1')}}">  
186 - <view class="rubric rubric1" wx:if="{{marketing && marketing.is_recharge=='1' && recharge_data && (is_fix!='1' || (is_fix=='1' && dataStr<(recharge_data.exp_date.fix_edate*1)))}}">  
187 - 特别优惠  
188 - </view>  
189 - <!-- 当前日期要大于限制结束日期 -->  
190 - <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)))}}">  
191 - <view class="itemLeft">  
192 - <view class="itemTop font28r">  
193 - <text>{{recharge_data.rname}}</text>  
194 - </view>  
195 - <view class="itemBottom font24r" wx:if="{{priceInfo}}">  
196 - {{priceInfo}}{{(recharge_data.recharge_list.is_coupons=='0' && recharge_data.recharge_list.is_score=='0')?'。':';'}}  
197 - </view>  
198 - <view class="bottom font24r" wx:if="{{scoreInfo}}">  
199 - {{scoreInfo}}{{recharge_data.recharge_list.is_coupons=='0'?'。':';'}}  
200 - </view>  
201 - <view class="bottom font24r" wx:if="{{recharge_data.recharge_list.is_coupons=='1'}}">  
202 - {{recharge_data.recharge_list.is_coupons=='1'?'会员充值满'+recharge_data.recharge_money+'元赠送'+certificate:''}}。  
203 - </view> 193 + <block wx:if="{{hasValueRecharge && marketing && marketing.is_recharge=='1' && recharge_data && (is_fix!='1' || (is_fix=='1' && dataStr<(recharge_data.exp_date.fix_edate*1)))}}">
  194 + <view wx:if="{{titleType}}" class="chefText font36r">
  195 + <titleStyle isWhite="{{themeColor}}" titleStyleType="{{titleType}}" titleText="会员招募"></titleStyle>
204 </view> 196 </view>
205 - <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">  
206 - <view class="font24r orderingFood">  
207 - 抢购 197 + <view class="preferentialItems rechargeItems">
  198 + <view class="itemLeft">
  199 + <view class="itemTop font36r">
  200 + {{recharge_data.rname}}
  201 + </view>
  202 + <view class="itemBottom font24r" wx:if="{{priceInfo}}">
  203 + {{priceInfo}}{{(recharge_data.recharge_list.is_coupons=='0' && recharge_data.recharge_list.is_score=='0')?'。':';'}}
  204 + </view>
  205 + <view class="bottom font24r" wx:if="{{scoreInfo}}">
  206 + {{scoreInfo}}{{recharge_data.recharge_list.is_coupons=='0'?'。':';'}}
  207 + </view>
  208 + <view class="bottom font24r" wx:if="{{recharge_data.recharge_list.is_coupons=='1'}}">
  209 + {{recharge_data.recharge_list.is_coupons=='1'?'会员充值满'+recharge_data.recharge_money+'元赠送'+certificate:''}}。
  210 + </view>
208 </view> 211 </view>
209 - </navigator> 212 + <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">
  213 + <view class="font24r orderingFood">
  214 + 抢购
  215 + </view>
  216 + </navigator>
  217 + </view>
  218 + </block>
  219 + <view class="vips">
  220 + <view wx:if="{{hasValueRecharge && marketing.is_link=='1'}}" class="font24r favouredPolicy" bindtap="gotoFavourableList">
  221 + 点击了解更多会员优惠政策
  222 + </view>
  223 + <text class="businessBox">
  224 + 周到安排提供技术支持<text bindtap="call" data-phone="4000009690">4000009690</text>，餐厅入驻请点击<text bindtap="gotoJoinSeller" style="text-decoration: underline;">这里</text>
  225 + </text>
210 </view> 226 </view>
211 - </view>  
212 - <view class="vips">  
213 - <view wx:if="{{hasValueRecharge && marketing.is_link=='1'}}" class="font24r favouredPolicy" bindtap="gotoFavourableList">  
214 - 点击了解更多会员优惠政策 227 + <view class="more" wx:if="{{showMoreTip}}">
  228 + <view class="moreText">滑动查看更多</view>
  229 + <image src="https://qn.colorcun.com/jt1.png" mode="" />
  230 + </view>
  231 + <view class="toastBox" wx:if="{{toastBool}}">
  232 + {{toastText}}
215 </view> 233 </view>
216 - <text class="businessBox">  
217 - 周到安排提供技术支持<text bindtap="call" data-phone="4000009690">4000009690</text>，餐厅入驻请点击<text bindtap="gotoJoinSeller" style="text-decoration: underline;">这里</text>  
218 - </text>  
219 - </view>  
220 - <view class="more" wx:if="{{showMoreTip}}">  
221 - <view class="moreText">滑动查看更多</view>  
222 - <image src="https://qn.colorcun.com/jt1.png" mode="" />  
223 - </view>  
224 - <view class="toastBox" wx:if="{{toastBool}}">  
225 - {{toastText}}  
226 </view> 234 </view>
227 </scroll-view> 235 </scroll-view>
228 -<painter palette="{{wxml}}" style="position: absolute; top: -9999rpx;" bind:imgOK="onImgOK" />  
229 -<view wx:if="{{marketing.is_transpond=='1' || marketing.is_online_book=='1' || (paymentId && paymentStatus == '0')}}" class="all-button flex-lr sharewidth"> 236 +<view wx:if="{{marketing.is_transpond=='1' || marketing.is_online_book=='1' || (paymentId && paymentStatus == '0')}}" class="flex-lr sharewidth {{themeColor}}">
230 <view wx:if="{{marketing.is_online_book=='1'}}" class="flex-cc font30r moreBtn" bindtap="secondbook" style="position: relative;">再次预订</view> 237 <view wx:if="{{marketing.is_online_book=='1'}}" class="flex-cc font30r moreBtn" bindtap="secondbook" style="position: relative;">再次预订</view>
231 <view wx:if="{{paymentId && paymentStatus == '0'}}" class="flex-cc font30r paymenBtn" bindtap="paymentFun">支付定金</view> 238 <view wx:if="{{paymentId && paymentStatus == '0'}}" class="flex-cc font30r paymenBtn" bindtap="paymentFun">支付定金</view>
232 <button wx:if="{{marketing.is_transpond=='1' && imgSrc}}" class="flex-cc font30r shareItem" open-type="share">转发给客人</button> 239 <button wx:if="{{marketing.is_transpond=='1' && imgSrc}}" class="flex-cc font30r shareItem" open-type="share">转发给客人</button>
233 -</view>  
  240 +</view>
  241 +<painter palette="{{wxml}}" style="position: absolute; top: -9999rpx;" bind:imgOK="onImgOK" />
1 /* pages/customer/detail_owner_invitation3.wxss */ 1 /* pages/customer/detail_owner_invitation3.wxss */
2 @import "../tpl/tpls.wxss"; 2 @import "../tpl/tpls.wxss";
3 3
  4 +@font-face {
  5 + font-family: 'Abel';
  6 + font-style: normal;
  7 + font-weight: 400;
  8 + src: url(https://fonts.gstatic.com/s/abel/v18/MwQ5bhbm2POE2V9BPQ.woff2) format('woff2');
  9 + unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  10 +}
  11 +
4 .titleImg { 12 .titleImg {
5 top: 160rpx; 13 top: 160rpx;
6 left: 1rpx; 14 left: 1rpx;
@@ -15,49 +23,91 @@ @@ -15,49 +23,91 @@
15 left: -10rpx; 23 left: -10rpx;
16 } 24 }
17 25
18 -.info { 26 +.marLeft {
  27 + margin-left: 10rpx;
  28 +}
  29 +
  30 +.titleImg .title {
19 text-align: center; 31 text-align: center;
20 - font-size: 40rpx; 32 + font-family: PingFang SC;
  33 + font-size: 64rpx;
21 position: relative; 34 position: relative;
22 - top: -68rpx;  
23 - color: #d8c46b;  
24 - font-family: FangSong;  
25 - margin: 18rpx 20rpx 36rpx 20rpx; 35 + top: -70rpx;
  36 + color: #FFD200;
  37 + font-weight: 500;
26 overflow: hidden; 38 overflow: hidden;
27 word-break: break-all; 39 word-break: break-all;
28 text-overflow: ellipsis; 40 text-overflow: ellipsis;
29 display: -webkit-box; 41 display: -webkit-box;
30 -webkit-box-orient: vertical; 42 -webkit-box-orient: vertical;
31 -webkit-line-clamp: 2; 43 -webkit-line-clamp: 2;
  44 + margin: 0 20rpx;
32 } 45 }
33 46
34 -.title { 47 +.titleImg .info {
35 text-align: center; 48 text-align: center;
36 - font-family: PingFang SC;  
37 - font-size: 64rpx; 49 + font-size: 40rpx;
38 position: relative; 50 position: relative;
39 - top: -70rpx;  
40 - color: #FFD200;  
41 - font-weight: 500; 51 + top: -68rpx;
  52 + color: #D8C46B;
  53 + font-family: FangSong;
  54 + margin: 18rpx 20rpx 36rpx 20rpx;
42 overflow: hidden; 55 overflow: hidden;
43 word-break: break-all; 56 word-break: break-all;
44 text-overflow: ellipsis; 57 text-overflow: ellipsis;
45 display: -webkit-box; 58 display: -webkit-box;
46 -webkit-box-orient: vertical; 59 -webkit-box-orient: vertical;
47 -webkit-line-clamp: 2; 60 -webkit-line-clamp: 2;
48 - margin: 0 20rpx; 61 +}
  62 +
  63 +.pageSpacing {
  64 + position: relative;
  65 + display: flex;
  66 + white-space: nowrap;
  67 + width: auto;
  68 + overflow-x: scroll;
  69 + border-bottom-left-radius: 10rpx;
  70 + border-bottom-right-radius: 10rpx;
  71 + padding-left: 30rpx;
  72 + margin-bottom: 40rpx;
  73 +}
  74 +
  75 +.imgs {
  76 + position: relative;
  77 + display: flex;
  78 + white-space: nowrap;
  79 + width: 470rpx;
  80 + height: 348rpx;
  81 + margin-right: 30rpx;
  82 +}
  83 +
  84 +.imgs text {
  85 + background: #515151;
  86 + color: #FFEFC5;
  87 + position: absolute;
  88 + left: 0;
  89 + bottom: 0;
  90 + height: 64rpx;
  91 + line-height: 64rpx;
  92 + width: 470rpx;
  93 + text-align: center;
  94 + border-bottom-left-radius: 16rpx;
  95 + border-bottom-right-radius: 16rpx;
  96 +}
  97 +
  98 +.imageStyle {
  99 + display: inline-block;
  100 + width: 500rpx;
  101 + height: 348rpx;
  102 + border-radius: 16rpx;
49 } 103 }
50 104
51 .begin { 105 .begin {
52 margin: 0 30rpx 0 30rpx; 106 margin: 0 30rpx 0 30rpx;
53 - color: #FBF6F1; 107 + color: #FFEFC5;
54 font-family: PingFang SC; 108 font-family: PingFang SC;
55 } 109 }
56 110
57 -.beginTop{  
58 - margin: 30rpx 30rpx 0;  
59 -}  
60 -  
61 .begin view { 111 .begin view {
62 line-height: 64rpx; 112 line-height: 64rpx;
63 } 113 }
@@ -67,19 +117,18 @@ @@ -67,19 +117,18 @@
67 padding: 20rpx 0; 117 padding: 20rpx 0;
68 position: relative; 118 position: relative;
69 color: #FBF6F1; 119 color: #FBF6F1;
70 - border-bottom-left-radius: 10rpx;  
71 - border-bottom-right-radius: 10rpx;  
72 } 120 }
73 121
74 122
75 .reservationInfo .flex-11 { 123 .reservationInfo .flex-11 {
76 - margin: 0 30rpx; 124 + margin: 0 30rpx 16rpx 30rpx;
77 display: flex; 125 display: flex;
78 line-height: 60rpx; 126 line-height: 60rpx;
79 font-family: PingFang SC; 127 font-family: PingFang SC;
80 } 128 }
81 129
82 .label { 130 .label {
  131 + color: #FFEFC5;
83 flex-shrink: 0; 132 flex-shrink: 0;
84 font-family: PingFang SC; 133 font-family: PingFang SC;
85 } 134 }
@@ -88,6 +137,8 @@ @@ -88,6 +137,8 @@
88 flex: 1; 137 flex: 1;
89 line-height: 60rpx; 138 line-height: 60rpx;
90 font-family: PingFang SC; 139 font-family: PingFang SC;
  140 + margin-left: 40rpx;
  141 + color: #FFD200;
91 } 142 }
92 143
93 .handleInfo { 144 .handleInfo {
@@ -98,23 +149,23 @@ @@ -98,23 +149,23 @@
98 } 149 }
99 150
100 .welcome { 151 .welcome {
101 - text-align: center;  
102 - margin: 30rpx 40rpx 16rpx 40rpx; 152 + text-align: right;
  153 + margin: 27rpx 40rpx 16rpx 40rpx;
103 font-weight: 500; 154 font-weight: 500;
104 letter-spacing: 2rpx; 155 letter-spacing: 2rpx;
105 - color: #FBF6F1; 156 + color: #FFD200;
106 } 157 }
107 158
108 .headerimg { 159 .headerimg {
109 - width: 140rpx;  
110 - height: 140rpx;  
111 - border-radius: 71rpx; 160 + width: 120rpx;
  161 + height: 120rpx;
  162 + border-radius: 50%;
112 } 163 }
113 164
114 .handle { 165 .handle {
115 display: flex; 166 display: flex;
116 flex-direction: column; 167 flex-direction: column;
117 - color: #FBF6F1; 168 + color: #FFEFC5;
118 font-family: PingFang SC; 169 font-family: PingFang SC;
119 font-weight: 500; 170 font-weight: 500;
120 font-size: 26rpx; 171 font-size: 26rpx;
@@ -122,8 +173,8 @@ @@ -122,8 +173,8 @@
122 } 173 }
123 174
124 .handlePhone { 175 .handlePhone {
125 - margin: 0 20rpx;  
126 - width: 47%; 176 + margin: 0 10rpx 0 0;
  177 + width: 50%;
127 } 178 }
128 179
129 .handleName { 180 .handleName {
@@ -135,6 +186,7 @@ @@ -135,6 +186,7 @@
135 display: -webkit-box; 186 display: -webkit-box;
136 -webkit-box-orient: vertical; 187 -webkit-box-orient: vertical;
137 -webkit-line-clamp: 3; 188 -webkit-line-clamp: 3;
  189 + margin-bottom: 20rpx;
138 } 190 }
139 191
140 .handleBlower { 192 .handleBlower {
@@ -149,7 +201,7 @@ @@ -149,7 +201,7 @@
149 } 201 }
150 202
151 .brownFont { 203 .brownFont {
152 - padding: 8rpx 16rpx; 204 + padding: 4rpx 0;
153 color: #FBF6F1; 205 color: #FBF6F1;
154 border: 2rpx solid #FBF6F1; 206 border: 2rpx solid #FBF6F1;
155 border-radius: 22rpx; 207 border-radius: 22rpx;
@@ -158,105 +210,150 @@ @@ -158,105 +210,150 @@
158 } 210 }
159 211
160 .brownFont:nth-of-type(1) { 212 .brownFont:nth-of-type(1) {
161 - margin-bottom: 10rpx;  
162 -}  
163 -  
164 -.handle text {  
165 margin-bottom: 20rpx; 213 margin-bottom: 20rpx;
166 } 214 }
167 215
168 -.handle text:nth-of-type(2) {  
169 - margin-bottom: 0;  
170 -}  
171 -  
172 .positioning { 216 .positioning {
173 display: flex; 217 display: flex;
174 justify-content: center; 218 justify-content: center;
175 - margin: 0 30rpx 0 30rpx;  
176 - display: flex; 219 + margin: 10rpx 30rpx 0 30rpx;
  220 + align-items: center;
177 box-sizing: border-box; 221 box-sizing: border-box;
178 - flex-direction: column;  
179 - background: #FBF6F1; 222 + background: #FFEFC5;
180 padding: 20rpx; 223 padding: 20rpx;
181 border-radius: 16rpx; 224 border-radius: 16rpx;
182 flex: 1; 225 flex: 1;
183 color: #515151; 226 color: #515151;
  227 + font-family: PingFang SC;
  228 + font-size: 28rpx;
184 } 229 }
185 230
186 .positioning image { 231 .positioning image {
187 - width: 25rpx;  
188 - height: 25rpx; 232 + width: 38rpx;
  233 + height: 38rpx;
  234 + display: block !important;
189 margin-right: 4rpx; 235 margin-right: 4rpx;
190 } 236 }
191 237
192 -.positioning .name {  
193 - width: 100%;  
194 - display: flex;  
195 - align-items: center;  
196 - font-family: PingFang SC;  
197 - font-size: 28rpx;  
198 - margin-top: 10rpx;  
199 -}  
200 -  
201 .mapBtn { 238 .mapBtn {
202 - width: 33%;  
203 - padding: 8rpx;  
204 - margin-left: 10rpx;  
205 - height: 54rpx !important; 239 + width: 25%;
  240 + padding: 8rpx 0;
  241 + margin-left: 12rpx;
  242 + height: 54rpx !important;
206 border: 2rpx solid #0143A3; 243 border: 2rpx solid #0143A3;
207 - color: #0143A3;  
208 - height: 54rpx !important;  
209 - border-radius: 42rpx;  
210 - font-weight: 600; 244 + color: #0143A3;
  245 + background: transparent;
  246 + height: 48rpx !important;
  247 + border-radius: 42rpx;
  248 + font-weight: 600;
211 } 249 }
212 250
213 -.positioning .name text {  
214 - width: 100%; 251 +.positioning text {
215 line-height: 50rpx; 252 line-height: 50rpx;
  253 + overflow: hidden;
  254 + word-break: break-all;
  255 + text-overflow: ellipsis;
  256 + display: -webkit-box;
  257 + -webkit-box-orient: vertical;
  258 + -webkit-line-clamp: 3;
  259 + margin: 0 10rpx;
216 } 260 }
217 261
218 -.positioning .name text:nth-of-type(2) {  
219 - text-indent: 8rpx; 262 +/* 优惠券开始 */
  263 +.preferentialCoupon {
  264 + padding: 20rpx 40rpx 0 40rpx;
220 } 265 }
221 266
222 -.introduce {  
223 - box-sizing: border-box; 267 +.orderingFood {
  268 + padding: 0 40rpx;
  269 + border-radius: 22rpx;
  270 + text-align: center;
  271 + color: #0B0805;
  272 + border-radius: 20rpx;
  273 + line-height: 40rpx;
  274 + height: 36rpx;
  275 + background: transparent;
  276 + border: 2rpx solid #0B0805;
224 } 277 }
225 278
226 -.imgMask { 279 +.preferentialItems {
  280 + display: flex;
  281 + background: url('https://qn.colorcun.com/certificateBj1.png') no-repeat;
  282 + background-size: 100% 100%;
  283 + margin-bottom: 20rpx;
  284 + min-height: 160rpx;
  285 + padding-bottom: 10rpx;
  286 +}
  287 +
  288 +.rechargeItems {
  289 + background: url('https://qn.colorcun.com/certificateBj2.png') no-repeat;
  290 + background-size: 100% 100%;
  291 + min-height: 160rpx;
  292 + display: flex;
  293 + justify-content: space-between;
  294 + align-items: center;
  295 + height: auto;
  296 + padding: 12rpx 0;
227 margin: 0 20rpx; 297 margin: 0 20rpx;
228 } 298 }
229 299
230 -.lines {  
231 - height: 2rpx;  
232 - margin: 20rpx;  
233 - margin-bottom: 20rpx;  
234 - background-color: #DBDBDB; 300 +.rechargeItems .orderingFood {
  301 + margin-right: 20rpx;
235 } 302 }
236 303
237 -.mtnone {  
238 - margin-top: 0; 304 +.itemTop {
  305 + display: flex;
  306 + width: 100%;
  307 + align-items: center;
  308 + font-family: 'Abel';
  309 + color: #FD4D59;
  310 + margin-bottom: 10rpx;
  311 +}
  312 +
  313 +.rechargeItems .itemLeft {
  314 + width: 64%;
  315 + margin-left: 38rpx;
239 } 316 }
240 317
241 -.famousChefBox .labelBox { 318 +.itemLeft {
  319 + width: 30%;
  320 + display: flex;
  321 + flex-direction: column;
  322 + justify-content: center;
  323 + position: relative;
  324 +}
  325 +
  326 +.discountText {
  327 + text-align: center;
  328 + color: #FFEFC5;
  329 + border-radius: 6rpx;
  330 + font-family: PingFang SC;
  331 + background: #FD4D59;
  332 + width: max-content;
  333 + padding: 0 6rpx;
  334 + position: absolute;
  335 + left: 16rpx;
  336 + top: 12rpx;
  337 +}
  338 +
  339 +.famousChefBox .labelBox,
  340 +.stopBox .labelBox {
242 border-bottom: none; 341 border-bottom: none;
243 } 342 }
244 343
245 .labelBox { 344 .labelBox {
  345 + margin: 20rpx 20rpx 0 20rpx;
246 display: flex; 346 display: flex;
247 - margin: 0 20rpx 0 20rpx;  
248 position: relative; 347 position: relative;
249 padding-bottom: 20rpx; 348 padding-bottom: 20rpx;
250 - border-bottom: 2rpx solid #DBDBDB;  
251 } 349 }
252 350
253 .labelBox .texts { 351 .labelBox .texts {
254 width: 90%; 352 width: 90%;
255 line-height: 40rpx; 353 line-height: 40rpx;
256 - margin-left: 20rpx;  
257 - color: #515151; 354 + color: #FFEFC5;
258 font-family: PingFang SC; 355 font-family: PingFang SC;
259 - font-size: 24rpx; 356 + font-size: 32rpx;
260 max-height: 400rpx; 357 max-height: 400rpx;
261 overflow: hidden; 358 overflow: hidden;
262 white-space: pre-line; 359 white-space: pre-line;
@@ -270,142 +367,79 @@ @@ -270,142 +367,79 @@
270 font-weight: 500; 367 font-weight: 500;
271 } 368 }
272 369
273 -.labelBox .line1 {  
274 - margin: 0 0 0 16rpx;  
275 -}  
276 -  
277 -.imgMask image { 370 +.introduceBox image {
278 width: 100%; 371 width: 100%;
279 margin-bottom: 20rpx; 372 margin-bottom: 20rpx;
280 display: block !important; 373 display: block !important;
281 - vertical-align: top; 374 + vertical-align: top;
  375 + padding: 0 20rpx;
  376 + box-sizing: border-box;
282 } 377 }
283 378
284 .famousChefBox, 379 .famousChefBox,
  380 +.stopBox,
285 .vegetableBox { 381 .vegetableBox {
286 position: relative; 382 position: relative;
287 margin-top: 20rpx; 383 margin-top: 20rpx;
288 } 384 }
289 385
290 -.vegetableBox .chefText {  
291 - margin-top: 0;  
292 -}  
293 -  
294 -.Introducepublic {  
295 - display: flex;  
296 - flex-direction: column;  
297 - font-size: 28rpx;  
298 - line-height: 50rpx;  
299 - box-sizing: border-box;  
300 -}  
301 -  
302 .chefText { 386 .chefText {
303 font-family: PingFang SC; 387 font-family: PingFang SC;
304 - margin: 20rpx;  
305 font-weight: 500; 388 font-weight: 500;
  389 + margin-top: 80rpx;
306 } 390 }
307 391
308 -.specialServices {  
309 - margin: 16rpx 40rpx;  
310 - border-bottom: 2rpx solid #DBDBDB; 392 +.specialServices .chefText {
  393 + margin-top: 40rpx;
311 } 394 }
312 395
313 -.rubric {  
314 - font-family: PingFang SC;  
315 - font-weight: 500;  
316 - font-size: 36rpx;  
317 - margin-bottom: 10rpx; 396 +.specialServices {
  397 + margin: 16rpx 0;
318 } 398 }
319 399
320 .specialServices .news { 400 .specialServices .news {
321 - color: #515151; 401 + color: #FFEFC5;
322 font-family: PingFang SC; 402 font-family: PingFang SC;
323 font-weight: 500; 403 font-weight: 500;
324 - font-size: 24rpx; 404 + font-size: 32rpx;
325 line-height: 40rpx; 405 line-height: 40rpx;
326 - margin-left: 20rpx;  
327 } 406 }
328 407
329 .endStyle { 408 .endStyle {
330 display: flex; 409 display: flex;
331 justify-content: flex-end; 410 justify-content: flex-end;
332 - height: 54rpx;  
333 - margin: 20rpx 0; 411 + margin: 20rpx;
  412 + align-items: center;
334 } 413 }
335 414
336 -  
337 -.orderingFood {  
338 - padding: 0 26rpx;  
339 - border-radius: 22rpx;  
340 - text-align: center;  
341 - color: #fff;  
342 - border-radius: 32rpx;  
343 - margin: 20rpx 0;  
344 - line-height: 44rpx;  
345 - height: 44rpx;  
346 - background: linear-gradient(104.24deg, #4c8dad -57.47%, #0143a3 55.72%, #42a5ff 148.72%); 415 +.priceText {
  416 + font-family: 'Abel';
  417 + color: #E34D59;
  418 + font-weight: 500;
  419 + font-size: 64rpx;
  420 + margin-top: 6rpx;
347 } 421 }
348 422
349 -.preferential {  
350 - margin: 16rpx 40rpx 0 40rpx; 423 +.priceText .icons {
  424 + font-family: 'Abel';
  425 + color: #FD4D59;
  426 + font-size: 40rpx;
351 } 427 }
352 428
353 -.rubric1 {  
354 - margin-bottom: 20rpx; 429 +.itemRight {
  430 + width: 70%;
  431 + padding-right: 10rpx;
  432 + margin-left: 18rpx;
355 } 433 }
356 434
357 -.preferentialItems {  
358 - padding: 20rpx 30rpx 20rpx 20rpx; 435 +.btns {
  436 + margin: 24rpx 20rpx 10rpx 0;
359 display: flex; 437 display: flex;
360 justify-content: space-between; 438 justify-content: space-between;
361 - align-items: center;  
362 - margin-bottom: 20rpx;  
363 - background: url('https://qn.colorcun.com/certificateBj.png') no-repeat;  
364 - background-size: 100% 100%;  
365 -}  
366 -  
367 -.itemLeft {  
368 - width: 75%;  
369 -}  
370 -  
371 -.itemTop {  
372 - display: flex;  
373 - width: 100%;  
374 - align-items: center;  
375 - margin-bottom: 20rpx;  
376 -}  
377 -  
378 -.itemBottom {  
379 - margin-top: 20rpx;  
380 - color: #515151;  
381 - font-family: PingFang SC;  
382 - font-weight: 500;  
383 - display: -webkit-box;  
384 - word-break: break-all;  
385 - word-wrap: break-word;  
386 - overflow: hidden;  
387 - text-align: left;  
388 } 439 }
389 440
390 -.itemTop text:nth-of-type(1) {  
391 - max-width: 65%;  
392 - font-weight: 600;  
393 - color: #515151;  
394 -}  
395 -  
396 -.itemTop .discountText {  
397 - padding: 0 6rpx;  
398 - color: #E34D59;  
399 - border: 2rpx solid #E34D59;  
400 - border-radius: 6rpx;  
401 - margin: 0 10rpx 0 20rpx;  
402 - font-family: PingFang SC;  
403 - padding: 0 6rpx;  
404 -}  
405 -  
406 -.itemTop .priceText {  
407 - color: #E34D59;  
408 - font-weight: 500; 441 +.btns text {
  442 + color: #0B0805;
409 } 443 }
410 444
411 .priceText { 445 .priceText {
@@ -420,10 +454,6 @@ @@ -420,10 +454,6 @@
420 font-size: 20rpx; 454 font-size: 20rpx;
421 } 455 }
422 456
423 -.vips image {  
424 - height: 300rpx;  
425 -}  
426 -  
427 .vips { 457 .vips {
428 display: flex; 458 display: flex;
429 flex-direction: column; 459 flex-direction: column;
@@ -433,27 +463,21 @@ @@ -433,27 +463,21 @@
433 margin-top: 20rpx; 463 margin-top: 20rpx;
434 } 464 }
435 465
  466 +.vips image {
  467 + height: 300rpx;
  468 +}
  469 +
436 .favouredPolicy { 470 .favouredPolicy {
437 width: 45%; 471 width: 45%;
438 - color: #5C95D7; 472 + color: #FFEFC5;
439 font-family: PingFang SC; 473 font-family: PingFang SC;
440 font-weight: 500; 474 font-weight: 500;
441 - border: 2rpx solid #5C95D7; 475 + border: 2rpx solid #FFEFC5;
442 border-radius: 22rpx; 476 border-radius: 22rpx;
443 text-align: center; 477 text-align: center;
444 padding: 10rpx; 478 padding: 10rpx;
445 } 479 }
446 480
447 -  
448 -.all-button {  
449 - background: #FAFAFA;  
450 - height: 160rpx;  
451 - padding: 0 40rpx;  
452 - box-sizing: border-box;  
453 - z-index: 100;  
454 - justify-content: flex-end;  
455 -}  
456 -  
457 .centerBtn { 481 .centerBtn {
458 margin: 0 20rpx; 482 margin: 0 20rpx;
459 } 483 }
@@ -463,9 +487,9 @@ @@ -463,9 +487,9 @@
463 .paymenBtn { 487 .paymenBtn {
464 width: inherit; 488 width: inherit;
465 margin: 0; 489 margin: 0;
466 - background: #fafafa;  
467 - color: #0143A3;  
468 - border: 2rpx solid #0143A3; 490 + background: transparent;
  491 + color: #FFEFC5;
  492 + border: 2rpx solid #FFEFC5;
469 height: 46%; 493 height: 46%;
470 border-radius: 42rpx; 494 border-radius: 42rpx;
471 font-weight: 600; 495 font-weight: 600;
@@ -474,33 +498,23 @@ @@ -474,33 +498,23 @@
474 498
475 .shareItem { 499 .shareItem {
476 margin-right: 0; 500 margin-right: 0;
477 - background: linear-gradient(104.24deg, #4c8dad -57.47%, #0143a3 55.72%, #42a5ff 148.72%);  
478 - color: #fff;  
479 -}  
480 -  
481 -.menu-item {  
482 - width: 100%;  
483 - height: 100%;  
484 - display: flex;  
485 - justify-content: center;  
486 - align-items: center; 501 + background: #FFEFC5;
  502 + color: #0B0805;
487 } 503 }
488 504
489 .cook { 505 .cook {
490 - height: 94% !important;  
491 - background: #fff;  
492 - border: 2rpx solid #0143A3;  
493 - border-radius: 32rpx; 506 + background: transparent;
  507 + border: 2rpx solid #FFEFC5;
  508 + border-radius: 28rpx;
494 font-weight: normal; 509 font-weight: normal;
495 - width: 23% !important;  
496 -}  
497 -  
498 -.bold {  
499 - font-weight: 500; 510 + width: 40% !important;
  511 + color: #FFEFC5;
  512 + padding: 4rpx 0;
  513 + margin-left: 10rpx;
500 } 514 }
501 515
502 .evaluateBox { 516 .evaluateBox {
503 - margin: 16rpx 84rpx 16rpx 40rpx; 517 + margin: 50rpx 40rpx 40rpx 40rpx;
504 display: flex; 518 display: flex;
505 align-items: center; 519 align-items: center;
506 justify-content: space-between; 520 justify-content: space-between;
@@ -508,33 +522,40 @@ @@ -508,33 +522,40 @@
508 } 522 }
509 523
510 .evaluateBox image { 524 .evaluateBox image {
511 - width: 60rpx;  
512 - height: 70rpx; 525 + width: 64rpx;
  526 + height: 64rpx;
513 } 527 }
514 528
515 .evaluateBox text { 529 .evaluateBox text {
516 - color: #000; 530 + color: #FFEFC5;
517 font-size: 28rpx; 531 font-size: 28rpx;
518 } 532 }
519 533
520 -.reserveBox{ 534 +.evaluateBox text text {
  535 + font-size: 40rpx;
  536 +}
  537 +
  538 +.reserveBox {
521 margin: 20rpx 40rpx 0 40rpx; 539 margin: 20rpx 40rpx 0 40rpx;
522 } 540 }
523 -.reserveBox .title{  
524 - color: #000; 541 +
  542 +.reserveBox .title {
  543 + margin-bottom: 20rpx;
  544 + color: #FFEFC5;
525 font-family: PingFang SC; 545 font-family: PingFang SC;
526 - font-size: 36rpx !important;  
527 - top: 0 !important;  
528 - text-align: left !important;  
529 - margin: 0 0 20rpx 0 !important;  
530 } 546 }
531 -.reserveBox .items{ 547 +
  548 +.reserveBox .items {
532 margin-bottom: 20rpx; 549 margin-bottom: 20rpx;
533 - color: #000; 550 + color: #FFEFC5;
534 font-family: PingFang SC; 551 font-family: PingFang SC;
535 display: block; 552 display: block;
536 } 553 }
537 554
  555 +.reserveBox image {
  556 + width: 100%;
  557 +}
  558 +
538 .more { 559 .more {
539 height: 80rpx; 560 height: 80rpx;
540 width: 100%; 561 width: 100%;
@@ -547,278 +568,385 @@ @@ -547,278 +568,385 @@
547 background: rgba(0, 0, 0, .4); 568 background: rgba(0, 0, 0, .4);
548 } 569 }
549 570
550 -.moreText {  
551 - color: #fff;  
552 -}  
553 -  
554 .more image { 571 .more image {
555 width: 30rpx; 572 width: 30rpx;
556 height: 30rpx; 573 height: 30rpx;
557 } 574 }
558 575
559 -.scroll-view {  
560 - white-space: nowrap;  
561 - width: 100%;  
562 - height: 100%;  
563 -}  
564 -  
565 -.imgs {  
566 - position: relative;  
567 - display: flex;  
568 - white-space: nowrap;  
569 - width: 470rpx;  
570 - height: 348rpx;  
571 - margin-right: 30rpx;  
572 -}  
573 -  
574 -.imgs text {  
575 - background: #515151; 576 +.moreText {
576 color: #fff; 577 color: #fff;
577 - position: absolute;  
578 - left: 0;  
579 - bottom: 0;  
580 - height: 64rpx;  
581 - line-height: 64rpx;  
582 - width: 470rpx;  
583 - text-align: center;  
584 - border-bottom-left-radius: 16rpx;  
585 - border-bottom-right-radius: 16rpx;  
586 } 578 }
587 579
588 -.imageStyle {  
589 - display: inline-block;  
590 - width: 500rpx;  
591 - height: 348rpx;  
592 - border-radius: 16rpx; 580 +.musicImg {
  581 + width: 62rpx;
  582 + height: 62rpx;
  583 + position: fixed !important;
  584 + right: 8%;
  585 + top: 15%;
  586 + z-index: 200;
593 } 587 }
594 588
595 -.pageSpacing {  
596 - position: relative;  
597 - display: flex;  
598 - justify-content: center;  
599 - align-items: center;  
600 - white-space: nowrap;  
601 - width: auto;  
602 - overflow-x: scroll;  
603 - border-bottom-left-radius: 10rpx;  
604 - border-bottom-right-radius: 10rpx; 589 +/* 深中国红 */
  590 +.crimson .reservationInfo,
  591 +.crimson .settingColor,
  592 +.crimson+.sharewidth,
  593 +.crimson .positioningBox {
  594 + background: #86201B;
605 } 595 }
606 596
607 -.pageSpacing1 {  
608 - position: relative;  
609 - display: flex;  
610 - white-space: nowrap;  
611 - width: auto;  
612 - overflow-x: scroll;  
613 - border-bottom-left-radius: 10rpx;  
614 - border-bottom-right-radius: 10rpx;  
615 - padding-left: 126rpx; 597 +.crimson .rubric {
  598 + color: #86201B;
616 } 599 }
617 600
618 -.infos {  
619 - overflow: hidden;  
620 - word-break: break-all;  
621 - text-overflow: ellipsis;  
622 - display: -webkit-box;  
623 - -webkit-box-orient: vertical; 601 +.businessBox {
  602 + color: #FFEFC5;
  603 + font-size: 24rpx;
  604 + font-family: PingFang SC;
624 } 605 }
625 606
626 -.musicImg{  
627 - width: 62rpx;  
628 - height: 62rpx;  
629 - position: fixed !important;  
630 - right: 8%;  
631 - top: 13%;  
632 - z-index: 200; 607 +.businessBox text {
  608 + color: #FD4D59;
633 } 609 }
634 610
635 -.bookData{  
636 - margin-left: 0; 611 +.sharewidth {
  612 + position: fixed;
  613 + left: 0;
  614 + bottom: 0;
  615 + height: 160rpx;
  616 + padding: 0 40rpx;
  617 + box-sizing: border-box;
  618 + z-index: 100;
  619 + justify-content: flex-end;
  620 + width: 100%;
637 } 621 }
638 622
639 /* 黑蓝过渡 */ 623 /* 黑蓝过渡 */
640 -.blackBlueGradient .reservationInfo { 624 +.blackBlueGradient .reservationInfo,
  625 +.blackBlueGradient .settingColor,
  626 +.blackBlueGradient+.sharewidth,
  627 +.blackBlueGradient .positioningBox {
641 background: linear-gradient(104.24deg, #42a5ff -57.47%, #000000 55.72%, #42a5ff 182.69%); 628 background: linear-gradient(104.24deg, #42a5ff -57.47%, #000000 55.72%, #42a5ff 182.69%);
642 } 629 }
643 630
644 -.blackBlueGradient .chefText,  
645 .blackBlueGradient .rubric { 631 .blackBlueGradient .rubric {
646 color: #0143A3; 632 color: #0143A3;
647 } 633 }
648 634
  635 +
649 /* 石绿过渡 */ 636 /* 石绿过渡 */
650 -.stoneGreenGradient .reservationInfo { 637 +.stoneGreenGradient .reservationInfo,
  638 +.stoneGreenGradient .settingColor,
  639 +.stoneGreenGradient+.sharewidth,
  640 +.stoneGreenGradient .positioningBox {
651 background: linear-gradient(121.52deg, #438e93 1.76%, #206864 42.99%, #206864 75.66%, #42a5ff 120.1%); 641 background: linear-gradient(121.52deg, #438e93 1.76%, #206864 42.99%, #206864 75.66%, #42a5ff 120.1%);
652 } 642 }
653 643
654 -.stoneGreenGradient .chefText,  
655 .stoneGreenGradient .rubric { 644 .stoneGreenGradient .rubric {
656 color: #206864; 645 color: #206864;
657 } 646 }
658 647
  648 +
659 /* 中国红过渡 */ 649 /* 中国红过渡 */
660 -.chinaRedGradient .reservationInfo { 650 +.chinaRedGradient .reservationInfo,
  651 +.chinaRedGradient .settingColor,
  652 +.chinaRedGradient+.sharewidth,
  653 +.chinaRedGradient .positioningBox {
661 background: linear-gradient(309.04deg, #af231c -2.27%, #86201b 44.37%, #af231c 91.74%); 654 background: linear-gradient(309.04deg, #af231c -2.27%, #86201b 44.37%, #af231c 91.74%);
662 } 655 }
663 656
664 -.chinaRedGradient .chefText,  
665 .chinaRedGradient .rubric { 657 .chinaRedGradient .rubric {
666 color: #86201B; 658 color: #86201B;
667 } 659 }
668 660
  661 +
669 /* 群青过渡 */ 662 /* 群青过渡 */
670 -.ultramarineGradient .reservationInfo { 663 +.ultramarineGradient .reservationInfo,
  664 +.ultramarineGradient .settingColor,
  665 +.ultramarineGradient+.sharewidth,
  666 +.ultramarineGradient .positioningBox {
671 background: linear-gradient(104.24deg, #4c8dad -57.47%, #0143a3 55.72%, #42a5ff 148.72%); 667 background: linear-gradient(104.24deg, #4c8dad -57.47%, #0143a3 55.72%, #42a5ff 148.72%);
672 } 668 }
673 669
674 -.ultramarineGradient .chefText,  
675 .ultramarineGradient .rubric { 670 .ultramarineGradient .rubric {
676 color: #0143A3; 671 color: #0143A3;
677 } 672 }
678 673
679 /* 深中国红 */ 674 /* 深中国红 */
680 -.crimson .reservationInfo { 675 +.crimson .reservationInfo,
  676 +.crimson .settingColor,
  677 +.crimson+.sharewidth,
  678 +.crimson .positioningBox {
681 background: #86201B; 679 background: #86201B;
682 } 680 }
683 681
684 -.crimson .chefText,  
685 .crimson .rubric { 682 .crimson .rubric {
686 color: #86201B; 683 color: #86201B;
687 } 684 }
688 685
689 /* 中国红 */ 686 /* 中国红 */
690 -.chinaRed .reservationInfo { 687 +.chinaRed .reservationInfo,
  688 +.chinaRed .settingColor,
  689 +.chinaRed+.sharewidth,
  690 +.chinaRed .positioningBox {
691 background: #AF231C; 691 background: #AF231C;
692 } 692 }
693 693
694 -.chinaRed .chefText,  
695 .chinaRed .rubric { 694 .chinaRed .rubric {
696 color: #AF231C; 695 color: #AF231C;
697 } 696 }
698 697
699 /* 蓝采和 */ 698 /* 蓝采和 */
700 -.lanCaiHe .reservationInfo { 699 +.lanCaiHe .reservationInfo,
  700 +.lanCaiHe .settingColor,
  701 +.lanCaiHe+.sharewidth,
  702 +.lanCaiHe .positioningBox {
701 background: #06436F; 703 background: #06436F;
702 } 704 }
703 705
704 -.lanCaiHe .chefText,  
705 .lanCaiHe .rubric { 706 .lanCaiHe .rubric {
706 color: #06436F; 707 color: #06436F;
707 } 708 }
708 709
709 /* 石绿 */ 710 /* 石绿 */
710 -.stoneGreen .reservationInfo { 711 +.stoneGreen .reservationInfo,
  712 +.stoneGreen .settingColor,
  713 +.stoneGreen+.sharewidth,
  714 +.stoneGreen .positioningBox {
711 background: #206864; 715 background: #206864;
712 } 716 }
713 717
714 -.stoneGreen .chefText,  
715 .stoneGreen .rubric { 718 .stoneGreen .rubric {
716 color: #206864; 719 color: #206864;
717 } 720 }
718 721
719 /* 姜黄 */ 722 /* 姜黄 */
720 -.turmeric .reservationInfo { 723 +.turmeric .reservationInfo,
  724 +.turmeric .settingColor,
  725 +.turmeric+.sharewidth,
  726 +.turmeric .positioningBox {
721 background: #B39437; 727 background: #B39437;
722 } 728 }
723 729
724 -.turmeric .chefText,  
725 .turmeric .rubric { 730 .turmeric .rubric {
726 color: #B39437; 731 color: #B39437;
727 } 732 }
728 733
729 -.turmeric .info {  
730 - -webkit-text-fill-color: #fff; 734 +.turmeric .contentData,
  735 +.turmeric .label,
  736 +.turmeric .welcome,
  737 +.turmeric .positioningName,
  738 +.turmeric .favouredPolicy,
  739 +.turmeric .businessBox,
  740 +.turmeric .evaluateBox text,
  741 +.turmeric .imgs text,
  742 +.turmeric .labelBox .texts,
  743 +.turmeric .specialServices .news,
  744 +.turmeric .reserveBox .items,
  745 +.turmeric .reserveBox .title,
  746 +.turmeric .handle,
  747 +.turmeric .begin {
  748 + color: #fff;
731 } 749 }
732 750
733 -.turmeric .title { 751 +.turmeric .paymenBtn,
  752 +.turmeric .moreBtn,
  753 +.turmeric .cook {
734 color: #fff; 754 color: #fff;
  755 + border: 2rpx solid #fff;
  756 +}
  757 +
  758 +.turmeric .shareItem {
  759 + background: #fff;
  760 + color: #0B0805;
735 } 761 }
736 762
737 /* 苍黄 */ 763 /* 苍黄 */
738 -.greenishYellow .reservationInfo { 764 +.greenishYellow .reservationInfo,
  765 +.greenishYellow .settingColor,
  766 +.greenishYellow+.sharewidth,
  767 +.greenishYellow .positioningBox {
739 background: #C85306; 768 background: #C85306;
740 } 769 }
741 770
742 -.greenishYellow .chefText,  
743 .greenishYellow .rubric { 771 .greenishYellow .rubric {
744 color: #C85306; 772 color: #C85306;
745 } 773 }
746 774
  775 +.greenishYellow .contentData,
  776 +.greenishYellow .label,
  777 +.greenishYellow .welcome,
  778 +.greenishYellow .positioningName,
  779 +.greenishYellow .favouredPolicy,
  780 +.greenishYellow .businessBox,
  781 +.greenishYellow .evaluateBox text,
  782 +.greenishYellow .imgs text,
  783 +.greenishYellow .labelBox .texts,
  784 +.greenishYellow .specialServices .news,
  785 +.greenishYellow .handle,
  786 +.greenishYellow .begin {
  787 + color: #fff;
  788 +}
  789 +
  790 +.greenishYellow .paymenBtn,
  791 +.greenishYellow .moreBtn,
  792 +.greenishYellow .cook {
  793 + color: #fff;
  794 + border: 2rpx solid #fff;
  795 +}
  796 +
  797 +.greenishYellow .shareItem {
  798 + background: #fff;
  799 + color: #0B0805;
  800 +}
  801 +
747 /* 金黄 */ 802 /* 金黄 */
748 -.golden .reservationInfo { 803 +.golden .reservationInfo,
  804 +.golden .settingColor,
  805 +.golden+.sharewidth,
  806 +.golden .positioningBox {
749 background: #C67B3A; 807 background: #C67B3A;
750 } 808 }
751 809
752 -.golden .chefText,  
753 .golden .rubric { 810 .golden .rubric {
754 color: #C67B3A; 811 color: #C67B3A;
755 } 812 }
756 813
757 -.golden .info {  
758 - -webkit-text-fill-color: #fff; 814 +.golden .contentData,
  815 +.golden .label,
  816 +.golden .welcome,
  817 +.golden .positioningName,
  818 +.golden .favouredPolicy,
  819 +.golden .businessBox,
  820 +.golden .evaluateBox text,
  821 +.golden .imgs text,
  822 +.golden .labelBox .texts,
  823 +.golden .specialServices .news,
  824 +.golden .reserveBox .items,
  825 +.golden .reserveBox .title,
  826 +.golden .handle,
  827 +.golden .begin {
  828 + color: #fff;
759 } 829 }
760 830
761 -.golden .title { 831 +.golden .paymenBtn,
  832 +.golden .moreBtn,
  833 +.golden .cook {
762 color: #fff; 834 color: #fff;
  835 + border: 2rpx solid #fff;
  836 +}
  837 +
  838 +.golden .shareItem {
  839 + background: #fff;
  840 + color: #0B0805;
763 } 841 }
764 842
765 /* 群青 */ 843 /* 群青 */
766 -.ultramarine .reservationInfo { 844 +.ultramarine .reservationInfo,
  845 +.ultramarine .settingColor,
  846 +.ultramarine+.sharewidth,
  847 +.ultramarine .positioningBox {
767 background: #0143A3; 848 background: #0143A3;
768 } 849 }
769 850
770 -.ultramarine .chefText,  
771 .ultramarine .rubric { 851 .ultramarine .rubric {
772 color: #0143A3; 852 color: #0143A3;
773 } 853 }
774 854
775 /* 摩洛哥蓝 */ 855 /* 摩洛哥蓝 */
776 -.moroccanBlue .reservationInfo { 856 +.moroccanBlue .reservationInfo,
  857 +.moroccanBlue .settingColor,
  858 +.moroccanBlue+.sharewidth,
  859 +.moroccanBlue .positioningBox {
777 background: #19516A; 860 background: #19516A;
778 } 861 }
779 862
780 -.moroccanBlue .chefText,  
781 .moroccanBlue .rubric { 863 .moroccanBlue .rubric {
782 color: #19516A; 864 color: #19516A;
783 } 865 }
784 866
785 /* 珍珠白 */ 867 /* 珍珠白 */
786 -.pearlWhite .reservationInfo { 868 +.pearlWhite .reservationInfo,
  869 +.pearlWhite .settingColor,
  870 +.pearlWhite+.sharewidth,
  871 +.pearlWhite .positioningBox {
787 background: #fbf6f1; 872 background: #fbf6f1;
788 } 873 }
789 874
790 -.pearlWhite .chefText,  
791 -.pearlWhite .rubric {  
792 - color: #06436F; 875 +
  876 +.pearlWhite .reservationInfoBox {
  877 + background: #BCDAA5;
  878 +}
  879 +
  880 +
  881 +.pearlWhite .positioning {
  882 + background: rgba(188, 218, 165, 0.5);
  883 + color: #578C69;
  884 +}
  885 +
  886 +.pearlWhite .preferentialItems {
  887 + background: url(https://nosqn.colorcun.com/certificateWhiteBj1.png) no-repeat;
  888 + background-size: 100% 100%;
  889 + margin-bottom: 20rpx;
  890 + min-height: 160rpx;
  891 + padding-bottom: 10rpx;
  892 +}
  893 +
  894 +.pearlWhite .rechargeItems {
  895 + background: url(https://nosqn.colorcun.com/certificateWhiteBj2.png) no-repeat;
  896 + background-size: 100% 100%;
  897 + margin-bottom: 20rpx;
  898 + min-height: 160rpx;
  899 + padding-bottom: 10rpx;
793 } 900 }
794 901
795 .pearlWhite .handlePhone, 902 .pearlWhite .handlePhone,
796 -.pearlWhite .welcome,  
797 .pearlWhite .begin, 903 .pearlWhite .begin,
798 .pearlWhite .title, 904 .pearlWhite .title,
799 -.pearlWhite .info, 905 +.pearlWhite .welcome,
  906 +.pearlWhite .positioningName,
  907 +.pearlWhite .rubric,
  908 +.pearlWhite .contentData,
  909 +.pearlWhite .btns text,
  910 +.pearlWhite .itemRight .bottom,
  911 +.pearlWhite .evaluateBox text,
  912 +.pearlWhite .labelBox .texts,
  913 +.pearlWhite .specialServices .news,
  914 +.pearlWhite .itemBottom,
  915 +.pearlWhite .bottom,
  916 +.pearlWhite .businessBox,
  917 +.pearlWhite .reserveBox .items,
  918 +.pearlWhite .reserveBox .title,
  919 +.pearlWhite .titleImg .info,
  920 +.pearlWhite .label,
800 .pearlWhite .reservationInfo .flex-11 { 921 .pearlWhite .reservationInfo .flex-11 {
801 - color: #515151; 922 + color: #578C69;
802 } 923 }
803 924
804 -.pearlWhite .brownFont {  
805 - color: #515151;  
806 - border: 2rpx solid #515151; 925 +
  926 +.pearlWhite .imgs text {
  927 + color: #fff;
807 } 928 }
808 929
809 -.pearlWhite .positioning {  
810 - background: #515151;  
811 - color: #FBF6F1; 930 +.pearlWhite .brownFont,
  931 +.pearlWhite .orderingFood,
  932 +.pearlWhite .cook,
  933 +.pearlWhite .favouredPolicy,
  934 +.pearlWhite .paymenBtn,
  935 +.pearlWhite .mapBtn,
  936 +.pearlWhite .moreBtn {
  937 + color: #578C69;
  938 + border: 2rpx solid #578C69;
812 } 939 }
813 940
814 -.businessBox {  
815 - color: #515151;  
816 - font-size: 24rpx;  
817 - font-family: PingFang SC; 941 +.pearlWhite .shareItem {
  942 + background: #BCDAA5;
  943 + color: #fff;
818 } 944 }
819 945
820 -.businessBox text {  
821 - color: #0143A3; 946 +.pearlWhite .discountText {
  947 + background: transparent;
  948 + border: 2rpx solid #FD4D59;
  949 + color: #FD4D59;
822 } 950 }
823 951
824 .toastBox { 952 .toastBox {