Commit a580e9213b4710576f601b1942ae76caa9fc298e

Authored by pengye
1 parent c604c33c

新邀请函样式2页面

... ... @@ -59,7 +59,8 @@
"pages/me/coupon_news",
"pages/me/wananchi",
"pages/pinglun/createOpinion",
"pages/pinglun/opinionSuccess"
"pages/pinglun/opinionSuccess",
"pages/customer/detail_owner_invitation_new_style"
],
"requiredPrivateInfos": [
"getLocation",
... ...
// pages/customer/detail_owner_invitation_new.js
var mta = require('mta-wechat-analysis')
import util from '../../utils/util';
import App from '../../utils/api';
import TP from '../../utils/tpls';
import RS from '../../utils/reserveStatus'
Page({
/**
* 页面的初始数据
*/
data: {
options: {
tplid: ''
},
tableNum: 0,
detail: {},
staffinfo: {},
between: false,
id: null,
msgTpl: '',
chef: {},
marketing: {},
home: {},
reserve: {},
signboard: {},
store: {},
recharge_data: {},
coupon_dataList: [],
homeColor: '',
stringifyUse: '',
current: 0,
theme: 'blackGold', //blue green blackGold
seller: {
name: '',
tablesText: '',
date: '',
addr: ''
},
priceInfo: '',
scoreInfo: '',
discount: '',
certificate: '',
dataStr: Date.now() * 1 / 1000,
swich_phone: '0',
is_comments: '0',
is_user_comments: false,
tableinfo: [],
},
tablestr: '',
urlsValue: [],
/**
* 生命周期函数--监听页面加载
*/
onLoad(options) {
this.id = options.id
let param = {
options: options,
hasOwner: options.hasSellerShare == 1, //是否为发起人
}
param.tpls = [TP.tpls(options.tplid)]
console.log(param);
console.log(options);
this.setData(param)
mta.Page.init({
"appID": "500667280",
"eventID": "500667287",
"statPullDownFresh": true,
"statShareApp": true,
"statReachBottom": true,
"lauchOpts": options, //渠道分析
});
},
// 点击了解更多会员优惠政策
gotoFavourableList() {
let url = util.http_build_query({
sellerName: this.data.seller.name,
sellerid: this.data.seller.sid,
oid: this.data.detail.id,
types: '1'
}, '/pack-cookbook/pages/favourableList')
wx.navigateTo({
url
})
},
// 去评价
evaluateFun() {
let url = util.http_build_query({
sellerName: this.data.seller.name,
sellerid: this.data.seller.sid,
oid: this.data.detail.id,
types: '1',
}, '/pages/pinglun/createOpinion')
wx.navigateTo({
url
})
},
/**
* 用户点击右上角分享
*/
onShareAppMessage: function () {
return this.sharesetting();
},
onShareTimeline() {
return this.sharesetting();
},
/**
* 生命周期函数--监听页面显示
*/
onShow: function () {
this.getDetail()
},
cli() {
if (this.data.staffinfo.wechat) {
wx.setClipboardData({
data: this.data.staffinfo.wechat,
success(res) {
wx.getClipboardData({
success(res) {
console.log(res.data) // data
}
})
}
})
} else {
console.log('无微信号')
}
},
call() {
wx.reportMonitor('1012', 1)
wx.makePhoneCall({
phoneNumber: this.data.staffinfo.phone
})
},
looklocation: function () {
wx.reportMonitor('1015', 1)
wx.openLocation({
latitude: Number(this.data.seller.lat),
longitude: Number(this.data.seller.long),
scale: 17,
address: this.data.seller.addr,
success: function (res) {
console.log(res)
}
})
},
getroomimage(sellerid) {
App.Tables.GetTablesPhoto({
sellerid,
tableids: this.tablestr
}).then((json) => {
if (json.ret == 200) {
this.setData({
roomimage: json.data
})
var urlsArr = [];
json.data.forEach((v, i) => {
urlsArr.push(v.url);
})
this.urlsValue = urlsArr;
console.log('urlsArr', urlsArr)
console.log('roomimage', json.data)
}
})
},
lookroom(e) {
const item = e.currentTarget.dataset['item'];
wx.previewImage({
current: item.url, // 当前显示图片的http链接
urls: this.urlsValue, // 需要预览的图片http链接列表
})
},
getDetail() {
App.Reserve.Detail({
openid: getApp().openid,
rid: this.data.options.id
}).then(res => {
let tablesText = '', //桌子信息
tableNum = 0;
let tableinfo = util.determine(res.data.tableinfo);
console.log('tableinfo', tableinfo);
res.data.tables.forEach((t, i) => {
tableNum += t.table_pnum * 1
tablesText += t.rname + t.name + (i == (res.data.tables.length - 1) ? '' : '、');
})
let tabaleids = [];
res.data.tables.forEach(t => {
tabaleids.push(t.id);
})
this.tablestr = tabaleids.toString();
let reserev = RS.reserve(res.data)
let dateSmart
if (res.data.type == 1) {
dateSmart = util.unixtoTime(reserev.ddate, 'YYYY年MM月DD日 DAY')
if (res.data.is_set_ddate == 1) {
dateSmart += ' ' + util.unixtoTime(reserev.ddate, 'YYYY年MM月DD日 DAY')
} else {
dateSmart += ' ' + reserev.soltName
}
} else {
dateSmart = util.unixtoTime(reserev.ddate, 'YYYY年MM月DD日 DAY')
}
console.log('dateSmart', dateSmart);
this.setData({
detail: this.formatDatail(reserev, dateSmart),
tableNum,
tableinfo,
is_user_comments: res.data.is_user_comments,
seller: {
name: reserev.seller.sellername,
sid: reserev.sid,
date: dateSmart,
tablesText,
addr: reserev.seller.real_address || reserev.seller.map_address,
image: reserev.image_url,
hasOwner: true,
type: reserev.type,
is_set_ddate: reserev.is_set_ddate,
hasUpTime: reserev.type == 1 && reserev.hasRunning && reserev.status != 2,
tel: reserev.seller.seller_tel.split(',')[0],
soltName: reserev.soltName,
aa: util.unixtoTime(reserev.ddate, '星期WW HH:II'),
lat: reserev.seller.lat,
long: reserev.seller.long,
}
})
console.log('reserev reserev', reserev);
console.log('seller seller', this.data.seller);
console.log('detail detail', this.data.detail);
setTimeout(() => {
this.getSellerTemplateConfFun(reserev.sid);
this.getstaffinfo(res.data.uid)
this.getroomimage(reserev.sid)
}, 0);
}).catch(res => {
console.log(res, '详情请求失败');
})
},
getstaffinfo(uid) {
console.log('sellerid', this.data.detail.seller.id);
App.Activity.GetCustomerActivityBaseinfo({
sellerid: this.data.detail.seller.id,
uid
}).then((json) => {
if (json.ret == 200) {
console.log('staffinfostaffinfostaffinfo', json.data)
this.setData({
staffinfo: json.data
})
}
})
},
cookbook() {
if (this.data.detail.order && this.data.detail.order.cookbooklist.length > 0) {
let data = {
rid: this.id,
oid: this.data.detail.order.id,
sellerName: this.data.seller.name,
sid: this.data.seller.sid,
identity: '1',
hasSuccess: '1',
}
wx.navigateTo({
url: `/pack-cookbook/pages/success_new?hasSuccess=${data.hasSuccess}&identity=${data.identity}&oid=${data.oid}&rid=${data.rid}&sellerName=${data.sellerName}&sid=${data.sid}`,
})
} else {
App.Advance.CreateOrder({
rid: this.id,
openid: getApp().openid,
}).then(res => {
if (res.ret != 200) {
return util.toast(res.msg, 'none')
}
wx.navigateTo({
url: util.http_build_query({
rid: this.id,
oid: res.data.id,
sid: res.data.sellerid,
sellerName: this.data.seller.name,
identity: '1',
}, '/pack-cookbook/pages/index_new')
});
})
}
},
sharesetting() {
wx.reportMonitor('1017', 1)
let parmdata = {
id: this.id,
fromid: getApp().openid,
hasInvitation: 1,
tplid: this.data.options.tplid
}
if (this.data.options.uid) {
parmdata.uid = this.data.options.uid;
}
console.log('seller_imageseller_imageseller_imageseller_imageseller_image', this.data.detail.seller.seller_image);
return {
title: '邀请您于' + this.data.seller.date + '一起共进' + this.data.seller.soltName + '。点击查看详情',
path: util.http_build_query(parmdata, '/pages/customer/index'),
imageUrl: this.data.detail.seller.seller_image,
}
},
formatDatail(detail, dateSmart) {
detail.rdateStr = dateSmart;
detail.tableFirst = detail.tables[0].name;
if (detail.tables.length > 1) {
detail.tableSubInfo = '等' + (detail.tables.length) + '个' +
(detail.tables[0].tid == 2 ? '包间' : '');
}
if (detail.rname && detail.sex != 3) {
detail.rnameStr = detail.rname.substr(0, 1) + (detail.sex == 1 ? '先生' : '女士')
} else {
detail.rnameStr = detail.rname
}
detail.eatStr = '邀请您共进晚餐';
let hi = util.unixtoTime(detail.ddate, 'HHII');
if (hi < '10:00') {
detail.eatStr = '邀请您共进早餐';
} else if (hi < '15:00') {
detail.eatStr = '邀请您共进午餐';
}
return detail;
},
getSellerTemplateConfFun(sid) {
console.log(sid, 'sidsidsidsid');
App.Seller.GetSellerTemplateConf({
sid
}).then(res => {
let data = res.data
console.log('data', data);
let coupon_dataList = []
let home, chef, marketing, coupon, reserve, swich_phone, is_comments, signboard, store, homeColor, priceInfo, certificate, scoreInfo, recharge_list, stringifyUse;
chef = util.determine(data.chef);
reserve = util.determine(data.reserve);
marketing = util.determine(data.marketing);
signboard = util.determine(data.signboard);
store = util.determine(data.store);
home = util.determine(data.home);
swich_phone = reserve && reserve.swich_phone ? reserve.swich_phone : '';
if (marketing) {
is_comments = marketing.is_comments ? marketing.is_comments : '';
coupon = marketing.coupon_data ? util.determine(marketing.coupon_data) : '';
}
// is_cash 代金券 is_discount折扣券 is_dish菜品券 只有代金券有几折显示
if (coupon && util.getType(coupon) == 'object') {
coupon.stringifyUse = JSON.stringify(coupon.use)
if (marketing.is_coupon == '1' && coupon && (!coupon.use.is_cash || coupon.use.is_cash == '1')) {
let cash = coupon.use.cash * 1;
let price = coupon.price * 1;
console.log('cash', cash + '---' + 'price', price + '---' + 'discount', ((price / cash) * 10).toFixed(2));
coupon.discount = cash != 0 ? ((price / cash) * 10).toFixed(2) : '';
}
coupon_dataList.push(coupon);
}
if (coupon && util.getType(coupon) == 'array') {
if (coupon.length > 0) {
coupon.forEach(item => {
item.stringifyUse = JSON.stringify(item.use)
if ((!item.use.is_cash || item.use.is_cash == '1')) {
let cash = item.use.cash * 1;
let price = item.price * 1;
console.log('cash', cash + '---' + 'price', price + '---' + 'discount', ((price / cash) * 10).toFixed(2));
item.discount = cash != 0 ? ((price / cash) * 10).toFixed(2) : '';
}
})
}
coupon_dataList = coupon;
}
let obj = {
chef,
reserve,
marketing,
signboard,
store,
home,
stringifyUse,
coupon,
coupon_dataList,
swich_phone,
is_comments,
}
console.log('获取数据', {
...obj
});
if (marketing && marketing.is_recharge == '1' && marketing.recharge_data) {
let recharge_data = marketing.recharge_data
recharge_list = marketing.recharge_data.recharge_list
if (recharge_list.is_price == '1') priceInfo = '会员充值满' + recharge_data.recharge_money + '元赠送' + recharge_list.price + '元余额';
if (recharge_list.is_score == '1') scoreInfo = '会员充值满' + recharge_data.recharge_money + '元赠送' + recharge_list.score + '积分';
if (recharge_list.is_coupons == '1' && recharge_data.recharge_list.coupons_names.length > 0) certificate = recharge_data.recharge_list.coupons_names.join('、');
console.log('scoreInfo', scoreInfo);
console.log('priceInfo', priceInfo);
this.setData({
recharge_data: marketing.recharge_data,
certificate
})
console.log('recharge_data', recharge_data);
}
this.setData({
coupon_dataList,
stringifyUse
})
if (store && store.images.length > 0) store.images = util.determine(store.images);
if (signboard && signboard.images) signboard.images = util.determine(signboard.images);
if (marketing && marketing.is_online_book == '1' && marketing.is_transpond == '1') {
this.setData({
between: true
})
}
if (home && home.red && home.green && home.blue && home.alpha) {
homeColor = home.red + ',' + home.green + ',' + home.blue + ',' + home.alpha
} else {
homeColor = '67,142,147,1'
}
console.log('homeColor', homeColor);
this.setData({
chef,
marketing,
home,
reserve,
signboard,
store,
homeColor, //home主题颜色
priceInfo,
scoreInfo,
swich_phone,
is_comments,
})
if (home && home.red == '1' && home.green == '67' && home.blue == '163') {
this.setData({
theme: 'blue'
})
}
if (home && home.red == '67' && home.green == '142' && home.blue == '147') {
this.setData({
theme: 'green'
})
}
if (home && home.red == '12' && home.green == '15' && home.blue == '14') {
this.setData({
theme: 'blackGold'
})
}
}).catch(res => {
this.setData({
theme: 'green',
homeColor: '67,142,147,1'
})
console.log(this.data.homeColor, 'GetSellerTemplateConf请求失败');
})
},
// 再次预订
secondbook() {
wx.reportMonitor('1013', 1)
wx.redirectTo({
url: '../reserve/detail?id=' + this.data.detail.seller.id
})
},
/**
* 生命周期函数--监听页面隐藏
*/
onHide() {
},
/**
* 生命周期函数--监听页面卸载
*/
onUnload() {
},
/**
* 页面相关事件处理函数--监听用户下拉动作
*/
onPullDownRefresh() {
},
/**
* 页面上拉触底事件的处理函数
*/
onReachBottom() {
},
})
\ No newline at end of file
... ...
{
"navigationBarBackgroundColor": "#ffffff",
"navigationBarTextStyle": "white",
"navigationBarTitleText": "",
"usingComponents": {
"nav": "/components/nav/nav"
}
}
\ No newline at end of file
... ...
<!--pages/customer/detail_owner_invitation_new_style.wxml-->
<nav hasHome class="navhome" place="{{true}}"></nav>
<scroll-view class="last-book-bg" style="line-height: 1.4;height:{{height}}px;" scroll-y>
<view class="titleImg" style="background: rgba({{homeColor}});">
<image src="{{theme=='green'?'https://qn.colorcun.com/1571679628800_.pic.jpg':theme=='blue'?'https://qn.colorcun.com/1561679628784_.pic.jpg':theme=='blackGold'?'https://qn.colorcun.com/1551679628682_.pic.jpg':''}}" class="titleIcon"></image>
<image src="https://qn.colorcun.com/bj.png" class="bjIcon"></image>
<view class="infoBox">
<view class="left">
<view class="title">{{seller.name}}</view>
<view class="leftLine"></view>
<view class="leftInfo font28r">{{seller.date}} {{seller.soltName}}</view>
<view class="leftInfo font28r">{{seller.aa}}</view>
<view class="leftInfo font28r">{{seller.tablesText}}</view>
</view>
<view class="line"></view>
<view class="right">
<text>邀请函</text>
</view>
</view>
<view wx:if="{{roomimage && roomimage.length>0}}" class="page-section-spacing">
<view wx:for="{{roomimage}}" class="imgs" wx:key="index" bindtap="lookroom" data-item="{{item}}">
<image class="imageStyle" mode="aspectFill" src="{{item.url}}"></image>
<text>{{item.name}}</text>
</view>
</view>
</view>
<view class="positioning">
<text>地址:{{seller.addr?seller.addr:reserev.seller.map_address}}</text>
<view class="font24r orderingFood" bindtap="looklocation">
导航
</view>
</view>
<block wx:if="{{staffinfo && reserve.swich_manager=='1'}}">
<view class="handleInfo">
<image wx:if="{{staffinfo && staffinfo.photo}}" src="{{staffinfo.photo}}" class="headerimg" mode="aspectFill"></image>
<view class="handle handlePhone">
<view>专属服务:{{staffinfo.name}}</view>
<view>服务电话:{{staffinfo.phone}}</view>
</view>
<view class="handle">
<view wx:if="{{staffinfo.phone}}" class="font22r brownFont" bindtap="call">拨打电话</view>
<view wx:if="{{staffinfo.wechat}}" class="font22r brownFont" bindtap="cli">复制微信号</view>
</view>
</view>
</block>
<view class="botomBor font36r">
恭候您的光临!
</view>
<view class="preferential" wx:if="{{marketing && marketing.is_coupon=='1' && coupon_dataList.length>0}}">
<block wx:for="{{coupon_dataList}}" wx:key="index" wx:for-index="index">
<view class="preferentialItems" wx:if="{{dataStr<(item.etime*1)}}">
<view class="left">
<view class="top">
<text>{{item.aname}}</text>
<view class="price" wx:if="{{item.price}}">
<view class="icons">¥</view>{{item.price}}
</view>
<!-- is_cash 代金券 is_discount折扣券 is_dish菜品券 只有代金券有几折显示 -->
<text wx:if="{{item.discount!='0.00' && (item.use.is_cash=='1' || item.use.is_cash) && item.discount}}" class="discount">{{item.discount}}折</text>
</view>
<view wx:if="{{item.exp_date.is_week=='1' || item.exp_date.is_week===true}}" class="bottom">
{{item.exp_date.week_show?item.exp_date.week_show+'可用':''}}{{item.desc?','+item.desc+'。':'。'}}
</view>
<view wx:if="{{item.exp_date.is_none=='1' || item.exp_date.is_none===true}}" class="bottom">
无限制{{item.desc?','+item.desc+'。':'。'}}
</view>
<view wx:if="{{item.exp_date.is_birthday=='1' || item.exp_date.is_birthday===true}}" class="bottom">
会员生日当天可用{{item.desc?','+item.desc+'。':'。'}}
</view>
</view>
<navigator url="/pack-activity/pack/buyCoupon?id={{item.id}}&name={{seller.name}}&use={{item.stringifyUse}}&sid={{seller.sid}}&oid={{detail.id}}&types=1" hover-class="navigator-hover">
<view class="font24r orderingFood">
去抢购
</view>
</navigator>
</view>
</block>
</view>
<view wx:if="{{is_comments=='1' && !is_user_comments}}" class="evaluateBox" bindtap="evaluateFun">
<text wx:if="{{is_comments=='1' && marketing.is_comments_coupon!='1'}}">想吐槽?戳这里填写意见!--></text>
<text wx:if="{{marketing.is_comments_coupon=='1'}}">想吐槽?戳这里填写意见反馈赢好礼!</text>
<image src="https://qn.colorcun.com/evaluate.png" mode="" />
</view>
<block wx:if="{{store}}">
<view class="imgMask">
<view class="IntroduceColor">
<view class="text font36r">餐厅介绍</view>
<view class="labelBox font24r">
{{store.introduce}}
</view>
</view>
<view class="text font36r">餐厅环境</view>
<block wx:for="{{store.images}}" wx:key="arryIndex" wx:for-index="arryIndex">
<image src="{{item}}" mode="aspectFill" />
</block>
</view>
</block>
<block wx:if="{{chef}}">
<view class="imgMask">
<view class="IntroduceColor noneBor">
<view class="text font36r">主厨介绍</view>
<view class="labelBox font24r">
{{chef.introduce}}
</view>
</view>
<image src="{{chef.image}}" mode="aspectFill" />
</view>
</block>
<block wx:if="{{signboard && signboard.swich=='1'}}">
<view class="imgMask">
<view class="IntroduceColor noneBor">
<view class="text font36r">特色菜品</view>
</view>
<block wx:for="{{signboard.images}}" wx:key="arryIndex" wx:for-index="arryIndex">
<image src="{{item}}" mode="aspectFill" />
</block>
</view>
</block>
<view class="specialServices" wx:if="{{detail && detail.seller.is_open_order==1 && marketing && marketing.is_order=='1'}}">
<view class="rubric">
特供服务
</view>
<view class="news">
本店特为贵宾提供提前点餐服务,您现在可以选菜下单,到店就餐时无需等待服务员点餐,可以直接享受就餐服务^_^
</view>
<view class="endStyle">
<view class="book-item-font second-book-button flex-cc font30r cook" style="position: relative;">
<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">
去点餐
</view>
</view>
</view>
</view>
<view class="preferential" wx:if="{{marketing && (marketing.is_coupon=='1' || marketing.is_recharge=='1')}}">
<view class="rubric rubric1">
特别优惠
</view>
<!-- 当前日期要大于限制结束日期 -->
<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)))}}">
<view class="left">
<view class="top">
<text>{{recharge_data.rname}}</text>
</view>
<view class="bottom" wx:if="{{priceInfo}}">
{{priceInfo}}{{(recharge_data.recharge_list.is_coupons=='0' && recharge_data.recharge_list.is_score=='0')?'。':';'}}
</view>
<view class="bottom" wx:if="{{scoreInfo}}">
{{scoreInfo}}{{recharge_data.recharge_list.is_coupons=='0'?'。':';'}}
</view>
<view class="bottom" wx:if="{{recharge_data.recharge_list.is_coupons=='1'}}">
{{recharge_data.recharge_list.is_coupons=='1'?'会员充值满'+marketing.recharge_data.recharge_money+'元赠送'+certificate:''}}。
</view>
</view>
<navigator url="/pack-activity/pack/vipRecharge?id={{recharge_data.id}}&name={{seller.name}}&sid={{seller.sid}}&oid={{detail.id}}&types=1" hover-class="navigator-hover">
<view class="font24r orderingFood">
去充值
</view>
</navigator>
</view>
</view>
<view class="vips">
<view wx:if="{{marketing.is_link}}" class="font24r favouredPolicy" bindtap="gotoFavourableList">
点击了解更多会员优惠政策
</view>
</view>
</scroll-view>
<view wx:if="{{marketing.is_transpond=='1' || marketing.is_online_book=='1'}}" class="{{between?'all-button flex-lr between':'all-button flex-lr sharewidth'}}">
<view wx:if="{{marketing.is_online_book=='1'}}" class="book-item-font second-book-button flex-cc font30r" bindtap="secondbook" style="position: relative;">再次预订
</view>
<block>
<button wx:if="{{marketing.is_transpond=='1'}}" class="book-item-font flex-cc font30r shareItem" open-type="share">转发给客人
</button>
</block>
</view>
\ No newline at end of file
... ...
/* pages/customer/detail_owner_invitation_new_style.wxss */
@import "../tpl/tpls.wxss";
.titleImg {
top: 0;
left: 0;
width: 750rpx;
height: 716rpx;
position: relative;
}
.line {
width: 2rpx;
height: 338rpx;
background: #CFB53B;
margin: 0 30rpx 0 60rpx;
}
.titleIcon {
width: 250rpx;
height: 132rpx;
}
.bjIcon {
width: 312rpx;
height: 166rpx;
position: absolute !important;
right: 0;
bottom: 1rpx;
}
.title {
text-align: center;
font-family: PingFang SC;
font-size: 40rpx;
color: #CFB53B;
}
.infoBox .left {
display: flex;
flex-direction: column;
align-items: flex-end;
margin: 20rpx 0 20rpx 40rpx;
}
.leftLine {
width: 432rpx;
height: 2rpx;
background: #CFB53B;
margin: 20rpx 0;
}
.leftInfo {
color: #CFB53B;
display: flex;
flex-wrap: wrap;
justify-content: flex-end;
word-break: break-all;
line-height: 40rpx;
}
.infoBox {
display: flex;
}
.infoBox .right {
color: #cfb53b;
font-family: PingFang SC;
font-weight: 500;
font-size: 80rpx;
width: 92rpx;
height: 372rpx;
margin-right: 86rpx;
}
.handleInfo {
margin: 0 50rpx 0 44rpx;
display: flex;
justify-content: space-between;
align-items: center;
}
.botomBor {
margin: 0 40rpx 20rpx 44rpx;
text-align: right;
padding: 20rpx 0;
color: #515151;
font-weight: 500;
border-bottom: 2rpx solid #DBDBDB;
}
.headerimg {
width: 140rpx;
height: 140rpx;
border-radius: 71rpx;
}
.handle {
display: flex;
flex-direction: column;
color: #999999;
font-family: PingFang SC;
font-weight: 500;
font-size: 26rpx;
height: 110rpx;
justify-content: space-between;
}
.handlePhone {
height: 100rpx;
}
.brownFont {
padding: 4rpx 16rpx;
color: #0143A3;
border: 2rpx solid #0143A3;
border-radius: 22rpx;
text-align: center;
}
.brownFont:nth-of-type(1) {
margin-bottom: 22rpx;
}
.positioning {
margin: 22rpx 40rpx 62rpx 44rpx;
display: flex;
justify-content: space-between;
border-radius: 10rpx;
align-items: center;
color: #999999;
}
.introduce {
box-sizing: border-box;
}
.imgMask {
position: relative;
margin: 0 40rpx 0 44rpx;
}
.imgMask .text {
color: #515151;
}
.IntroduceColor {
border-bottom: 2rpx solid #DBDBDB;
margin-bottom: 20rpx;
}
.noneBor {
border: none;
margin-top: 20rpx;
}
.imgMask image {
display: block !important;
margin-bottom: 4rpx;
height: calc(100vw * 0.82) !important;
}
.shopName {
margin-bottom: 30rpx;
color: #ffffff;
font-family: FangSong;
font-size: 30rpx;
}
.labelBox {
margin: 20rpx;
display: flex;
position: relative;
}
.specialServices {
margin: 16rpx 40rpx;
border-bottom: 2rpx solid #DBDBDB;
}
.rubric {
color: #515151;
font-family: PingFang SC;
font-weight: 500;
font-size: 36rpx;
margin-bottom: 10rpx;
}
.specialServices .news {
color: #515151;
font-family: PingFang SC;
font-weight: 500;
font-size: 24rpx;
line-height: 40rpx;
margin-left: 20rpx;
}
.endStyle {
display: flex;
justify-content: flex-end;
height: 60rpx;
margin: 20rpx 0;
}
.orderingFood {
padding: 0 26rpx;
color: #fff;
border-radius: 22rpx;
text-align: center;
background: linear-gradient(104.24deg, #4c8dad -57.47%, #0143a3 55.72%, #42a5ff 148.72%);
margin: 20rpx 0;
line-height: 44rpx;
height: 44rpx;
}
.preferential {
margin: 16rpx 40rpx 16rpx 44rpx;
}
.preferentialItems {
border: 2rpx solid #DBDBDB;
border-radius: 16rpx;
padding: 16rpx 16rpx 16rpx 24rpx;
display: flex;
justify-content: space-between;
margin-bottom: 20rpx;
}
.rubric1 {
margin: 30rpx 0;
}
.left {
flex: 1;
margin-right: 20rpx;
}
.top {
display: flex;
width: 100%;
align-items: center;
}
.bottom {
margin-top: 20rpx;
color: #515151;
font-family: PingFang SC;
font-weight: 500;
font-size: 20rpx;
display: -webkit-box;
word-break: break-all;
word-wrap: break-word;
overflow: hidden;
text-align: left;
}
.top text:nth-of-type(1) {
font-size: 28rpx;
font-weight: 500;
color: #515151;
}
.top .discount {
padding: 0 6rpx;
color: #E34D59;
border: 2rpx solid #E34D59;
border-radius: 6rpx;
margin: 0 10rpx 0 20rpx;
font-family: PingFang SC;
font-size: 24rpx;
height: 30rpx;
line-height: 30rpx;
}
.top .price {
color: #E34D59;
font-weight: 500;
font-size: 30rpx;
}
.price {
display: flex;
align-items: center;
justify-content: center;
}
.price .icons {
margin-left: 18rpx;
color: #E34D59;
font-size: 20rpx;
}
.vips image {
margin: 36rpx 0;
height: 300rpx;
}
.vips {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
padding-bottom: 180rpx;
}
.vips .news {
text-align: center;
color: #000000;
font-family: FangSong;
font-size: 40rpx;
margin: 0 0 100rpx 0;
}
.vips .text {
text-align: center;
color: #515151;
font-family: FangSong;
font-size: 28rpx;
margin: 20rpx 0;
}
.favouredPolicy {
width: 45%;
color: #999999;
font-family: PingFang SC;
font-weight: 500;
border: 2rpx solid #0244a4;
border-radius: 22rpx;
text-align: center;
padding: 10rpx;
}
.last-book-bg {
background: transparent;
}
.all-button {
background: #FAFAFA;
height: 160rpx;
padding: 0 40rpx;
box-sizing: border-box;
z-index: 100;
justify-content: flex-end;
}
.between {
justify-content: space-between;
}
.second-book-button {
margin-right: 20rpx;
}
.book-item-font {
width: 25%;
border: 2rpx solid #0143A3;
color: #0143A3;
height: 46%;
border-radius: 42rpx;
font-weight: 600;
}
.shareItem {
width: 100%;
margin: 0;
background: linear-gradient(104.24deg, #4c8dad -57.47%, #0143a3 55.72%, #42a5ff 148.72%);
color: #fff;
}
.sharewidth .shareItem {
width: 100% !important;
}
.between .shareItem {
width: 65% !important;
}
.book-item-font {
width: 40% !important;
}
.menu-item {
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.cook {
height: 100% !important;
background: linear-gradient(104.24deg, rgba(76, 141, 173, 1) -57.47%, rgba(1, 67, 163, 1) 55.72%, rgba(66, 165, 255, 1) 148.72%);
color: #fff !important;
font-weight: normal;
width: 27% !important;
}
.bold {
font-weight: 500;
}
.evaluateBox {
margin: 16rpx 84rpx 16rpx 56rpx;
display: flex;
align-items: center;
justify-content: space-between;
}
.evaluateBox image {
width: 60rpx;
height: 70rpx;
}
.evaluateBox text {
color: #000;
font-size: 28rpx;
}
.scroll-view {
white-space: nowrap;
}
.imageStyle {
display: inline-block;
width: 330rpx;
height: 158rpx;
margin-right: 40rpx;
border-radius: 16rpx;
}
.imgs:nth-of-type(1) {
margin-left: 48rpx;
}
.scroll-view {
white-space: nowrap;
width: 100%;
height: 100%;
}
.imgs {
position: relative;
display: flex;
white-space: nowrap;
width: 282rpx;
height: 158rpx;
}
.imgs text {
background: #515151;
color: #fff;
position: absolute;
left: 0;
bottom: 0;
height: 38rpx;
width: 242rpx;
text-align: center;
border-bottom-left-radius: 16rpx;
border-bottom-right-radius: 16rpx;
}
.page-section-spacing {
position: relative;
display: flex;
white-space: nowrap;
width: auto;
overflow-x: scroll;
}
\ No newline at end of file
... ...