xt / xcx-book · Commits

Go to a project

Commit a798b3ed17c7344c937c630aee3fd16ab7e75036

Authored by pengye
1 parent 886a62b0
build: skipped

邀请函模板8修改

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