xt / xcx-book · Commits

Go to a project

Commit c432ecd0e55db07ff134d2843acb92bbcc549471

Authored by pengye
1 parent 7ff5d820
build: skipped

邀请函模板7修改

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