xt / xcx-book · Commits

Go to a project

Commit 7fe05b1444d6986df7d967734f44beda9b2ca748

Authored by pengye
1 parent 70ef64f0
build: skipped

邀请函模板2修改

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