xt / xcx-book · Commits

Go to a project

Commit 9e241bbe299694d47798a82b34b3e88bb3d764c5

Authored by pengye
1 parent 32608d6a
build: skipped

邀请函模板4修改

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