xt / xcx-book · Commits

Go to a project

Commit ff9ff7e353349115fdb37ef4d82799528d09c46d

Authored by pengye
1 parent 0a3cc4bf
build: skipped

邀请函模板4、5修改

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