Showing
9 changed files
with
49 additions
and
1140 deletions
| @@ -17,10 +17,10 @@ | @@ -17,10 +17,10 @@ | ||
| 17 | line-height:1.2; | 17 | line-height:1.2; |
| 18 | } | 18 | } |
| 19 | .border-yellow{ | 19 | .border-yellow{ |
| 20 | - border:2rpx solid #C3A56C; | 20 | + border:2rpx solid #42A5FF; |
| 21 | } | 21 | } |
| 22 | .bg-yellow{ | 22 | .bg-yellow{ |
| 23 | - background: #FFF5EB; | 23 | + background: #ffffff; |
| 24 | } | 24 | } |
| 25 | .border-gray{ | 25 | .border-gray{ |
| 26 | border:2rpx solid #E0E0E0; | 26 | border:2rpx solid #E0E0E0; |
| @@ -33,7 +33,7 @@ | @@ -33,7 +33,7 @@ | ||
| 33 | } | 33 | } |
| 34 | .room-consume{ | 34 | .room-consume{ |
| 35 | margin-top:6rpx; | 35 | margin-top:6rpx; |
| 36 | - color:#C3A66B; | 36 | + color:#333333; |
| 37 | } | 37 | } |
| 38 | .room-full{ | 38 | .room-full{ |
| 39 | width:148rpx; | 39 | width:148rpx; |
| @@ -56,8 +56,11 @@ | @@ -56,8 +56,11 @@ | ||
| 56 | padding:0 4rpx; | 56 | padding:0 4rpx; |
| 57 | box-sizing: border-box; | 57 | box-sizing: border-box; |
| 58 | } | 58 | } |
| 59 | -.room-select.yellow{ | ||
| 60 | - background: #C6A96E; | 59 | +.room-select.yellow { |
| 60 | + background: #F4FAFF; | ||
| 61 | + border: 2rpx solid #42A5FF; | ||
| 62 | + color: #42A5FF; | ||
| 63 | + font-weight: bold; | ||
| 61 | } | 64 | } |
| 62 | .room-select.gray{ | 65 | .room-select.gray{ |
| 63 | background: #E0E0E0; | 66 | background: #E0E0E0; |
| 1 | <view class="select-rooms flex-rs"> | 1 | <view class="select-rooms flex-rs"> |
| 2 | - <view class="select-rooms-title black-font font-bold font30r flex-ll">已选包间</view> | 2 | + <view class="select-rooms-title black-font font-bold font36r flex-ll">已选包间</view> |
| 3 | <block wx:for="{{seletroomlist}}" wx:key="{{index}}"> | 3 | <block wx:for="{{seletroomlist}}" wx:key="{{index}}"> |
| 4 | <view class="select-rooms-item flex-vc" data-index="{{index}}" data-id="{{item.id}}" catchtap="cancelroom"> | 4 | <view class="select-rooms-item flex-vc" data-index="{{index}}" data-id="{{item.id}}" catchtap="cancelroom"> |
| 5 | - <view class="white-font font-bold font30r" style="width:100%;block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;text-align:center;">{{item.name}}</view> | ||
| 6 | - <view class="select-rooms-close flex-cc"> | ||
| 7 | - <image src="../../../pages/image/close.jpg" class="close-icon"></image> | ||
| 8 | - </view> | 5 | + <view class="font-bold font30r" style="width:100%;block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;text-align:center; color:#42A5FF;">{{item.name}}</view> |
| 6 | + <image src="http://nosqn.colorcun.com/detail/x%20%2814%29.png" class="select-rooms-close"></image> | ||
| 9 | </view> | 7 | </view> |
| 10 | </block> | 8 | </block> |
| 11 | </view> | 9 | </view> |
| @@ -13,10 +13,8 @@ | @@ -13,10 +13,8 @@ | ||
| 13 | width:150rpx; | 13 | width:150rpx; |
| 14 | height:70rpx; | 14 | height:70rpx; |
| 15 | margin-right:30rpx; | 15 | margin-right:30rpx; |
| 16 | - background: -webkit-linear-gradient(top, #F2D190, #C0A369); /* Safari 5.1 - 6.0 */ | ||
| 17 | - background: -o-linear-gradient(-45deg, #F2D190, #C0A369); /* Opera 11.1 - 12.0 */ | ||
| 18 | - background: -moz-linear-gradient(top, #F2D190, #C0A369); /* Firefox 3.6 - 15 */ | ||
| 19 | - background: linear-gradient(to bottom, #F2D190, #C0A369); | 16 | + background: #F4FAFF; |
| 17 | + border: 2rpx solid #42A5FF; | ||
| 20 | border-radius:10rpx; | 18 | border-radius:10rpx; |
| 21 | position: relative; | 19 | position: relative; |
| 22 | margin-bottom:20rpx; | 20 | margin-bottom:20rpx; |
| @@ -10,15 +10,9 @@ Page({ | @@ -10,15 +10,9 @@ Page({ | ||
| 10 | * 页面的初始数据 | 10 | * 页面的初始数据 |
| 11 | */ | 11 | */ |
| 12 | data: { | 12 | data: { |
| 13 | + loading:0, | ||
| 13 | seller:null, | 14 | seller:null, |
| 14 | - IsCollectionSeller:false, | ||
| 15 | - current:0, | ||
| 16 | - currentView:1, | ||
| 17 | - hasOnlineReserve:false, | ||
| 18 | - activeTab:'detail', | ||
| 19 | hasFullHouse:false,//满房 | 15 | hasFullHouse:false,//满房 |
| 20 | - hasDishesImage:false,//是否有菜品图 | ||
| 21 | - hasPTactivity:false,//平台活动 | ||
| 22 | }, | 16 | }, |
| 23 | 17 | ||
| 24 | /** | 18 | /** |
| @@ -40,106 +34,17 @@ Page({ | @@ -40,106 +34,17 @@ Page({ | ||
| 40 | this.setData({ | 34 | this.setData({ |
| 41 | reserveDate: options.date ? options.date : util.unixtoTime(new Date() / 1000, 'YYYY-MM-DD'), | 35 | reserveDate: options.date ? options.date : util.unixtoTime(new Date() / 1000, 'YYYY-MM-DD'), |
| 42 | }) | 36 | }) |
| 43 | - App.Customer.IsCollectionSeller({ | ||
| 44 | - sid:options.id, | ||
| 45 | - openid:getApp().openid | ||
| 46 | - }).then(res=>{ | ||
| 47 | - this.setData({ | ||
| 48 | - IsCollectionSeller:res.data, | ||
| 49 | - }) | ||
| 50 | - }) | ||
| 51 | - this.SetRelaOpenid(); | ||
| 52 | - App.Customer.BindClicks({sid:options.id}) | ||
| 53 | - App.Task.GetTaskInfo({pos:'home'}).then(res=>{ | ||
| 54 | - if(res.data.activity){ | ||
| 55 | - this.setData({ | ||
| 56 | - hasPTactivity:true, | ||
| 57 | - }) | ||
| 58 | - } | ||
| 59 | - }); | ||
| 60 | - App.Customer.GetCountCommentLabel({sid:options.id}).then(res=>{ | ||
| 61 | - this.setData({ | ||
| 62 | - commentLabel:res.data, | ||
| 63 | - }) | ||
| 64 | - }) | ||
| 65 | }, | 37 | }, |
| 66 | GetSellerDetail(){ | 38 | GetSellerDetail(){ |
| 67 | let options=this.options | 39 | let options=this.options |
| 68 | App.Customer.GetSellerDetail({ | 40 | App.Customer.GetSellerDetail({ |
| 69 | sid:options.id, | 41 | sid:options.id, |
| 70 | - lat:this.location.latitude, | ||
| 71 | - lng:this.location.longitude, | ||
| 72 | }).then(res=>{ | 42 | }).then(res=>{ |
| 73 | if(res.ret==200){ | 43 | if(res.ret==200){ |
| 74 | let seller=res.data | 44 | let seller=res.data |
| 75 | - let seller_tel=[] | ||
| 76 | - if(seller.seller_tel){ | ||
| 77 | - seller_tel=seller.seller_tel.split(',') | ||
| 78 | - }else{ | ||
| 79 | - seller_tel=[seller.phone]; | ||
| 80 | - } | ||
| 81 | - seller.seller_tel=seller_tel | ||
| 82 | - if(seller.distance || seller.distance!==''){ | ||
| 83 | - seller.distance=parseInt(seller.distance); | ||
| 84 | - if(seller.distance>1000){ | ||
| 85 | - seller.distanceStr=(seller.distance/1000).toFixed(2)+'公里' | ||
| 86 | - }else{ | ||
| 87 | - seller.distanceStr=seller.distance+'米'; | ||
| 88 | - } | ||
| 89 | - } | ||
| 90 | - if(seller.envi_image.length<1){ | ||
| 91 | - seller.envi_image=['http://nosqn.colorcun.com/custom/lite-online/image/def-banner.png'] | ||
| 92 | - }else{ | ||
| 93 | - seller.envi_image.some((url,i)=>{ | ||
| 94 | - seller.envi_image[i]=url.replace('//qn.colorcun','//nosqn.colorcun') | ||
| 95 | - }) | ||
| 96 | - } | ||
| 97 | - if(seller.label_c.length>0) { | ||
| 98 | - let label_cstr=[]; | ||
| 99 | - seller.label_c.forEach(l=>{ | ||
| 100 | - label_cstr.push(l.name) | ||
| 101 | - }) | ||
| 102 | - seller.label_cstr=label_cstr.join(' | ') | ||
| 103 | - } | ||
| 104 | - if(seller.room_image.length>0){ | ||
| 105 | - seller.room_image.some((url,i)=>{ | ||
| 106 | - seller.room_image[i]=url.replace('//qn.colorcun','//nosqn.colorcun') | ||
| 107 | - }) | ||
| 108 | - } | ||
| 109 | - let hasDishesImage=false; | ||
| 110 | - if(seller.dishes.length>0){ | ||
| 111 | - seller.dishes.some((dishes)=>{ | ||
| 112 | - if(dishes.image){ | ||
| 113 | - hasDishesImage=true | ||
| 114 | - dishes.image=dishes.image.replace('//qn.colorcun','//nosqn.colorcun') | ||
| 115 | - } | ||
| 116 | - }) | ||
| 117 | - } | ||
| 118 | - if(seller.card_info){ | ||
| 119 | - let xff=[] | ||
| 120 | - seller.card_info.forEach(card=>{ | ||
| 121 | - seller['receive_condition_'+card.receive_condition]=true | ||
| 122 | - if(card.receive_condition==2){ | ||
| 123 | - xff.push(`满${card.order_price}元返${card.price}元`) | ||
| 124 | - } | ||
| 125 | - }) | ||
| 126 | - if(xff.length>0){ | ||
| 127 | - seller.receive_condition_str=xff.join('/') | ||
| 128 | - } | ||
| 129 | - } | ||
| 130 | - seller.activityStr=[]; | ||
| 131 | - if(seller.activity.length>0){ | ||
| 132 | - seller.activity.forEach(a=>{ | ||
| 133 | - seller.activityStr.push(a.title) | ||
| 134 | - }) | ||
| 135 | - } | ||
| 136 | - seller.activityStr=seller.activityStr.join(';') | ||
| 137 | - //seller.isopen_md=0; | ||
| 138 | - //seller.card_info=[] | ||
| 139 | let obj={ | 45 | let obj={ |
| 140 | seller:seller, | 46 | seller:seller, |
| 141 | - hasDishesImage:hasDishesImage, | ||
| 142 | - hasOnlineReserve:seller.is_online_reserve==1, | 47 | + loading:1, |
| 143 | } | 48 | } |
| 144 | if(this.options.classID){ | 49 | if(this.options.classID){ |
| 145 | obj.seletroomlist=[{ | 50 | obj.seletroomlist=[{ |
| @@ -166,7 +71,7 @@ Page({ | @@ -166,7 +71,7 @@ Page({ | ||
| 166 | * 生命周期函数--监听页面显示 | 71 | * 生命周期函数--监听页面显示 |
| 167 | */ | 72 | */ |
| 168 | onShow: function () { | 73 | onShow: function () { |
| 169 | - this.selectComponent('#getpos').getPos(); | 74 | + this.GetSellerDetail(); |
| 170 | if (this.data.reserveDate && this.data.seletroomlist){//后退进入等情况刷新时段 | 75 | if (this.data.reserveDate && this.data.seletroomlist){//后退进入等情况刷新时段 |
| 171 | this.setData({ | 76 | this.setData({ |
| 172 | reserveDate:this.data.reserveDate | 77 | reserveDate:this.data.reserveDate |
| @@ -234,134 +139,8 @@ Page({ | @@ -234,134 +139,8 @@ Page({ | ||
| 234 | console.log('shareParams==>',shareParams) | 139 | console.log('shareParams==>',shareParams) |
| 235 | return shareParams | 140 | return shareParams |
| 236 | }, | 141 | }, |
| 237 | - reserveEvent(e){ | ||
| 238 | - if(this.data.hasOnlineReserve && util.attr(e,'act')!='phone'){ | ||
| 239 | - return this.setData({ | ||
| 240 | - activeTab:'reserve' | ||
| 241 | - }) | ||
| 242 | - } | ||
| 243 | - this.selectComponent('#as').show(this.data.seller); | ||
| 244 | - }, | ||
| 245 | - reservePhone(e){ | ||
| 246 | - if(e.detail.value){ | ||
| 247 | - let phone=e.detail.value.replace(/[^\d]/,'') | ||
| 248 | - wx.makePhoneCall({ | ||
| 249 | - phoneNumber:phone | ||
| 250 | - }) | ||
| 251 | - } | ||
| 252 | 142 | ||
| 253 | - }, | ||
| 254 | - follow(){ | ||
| 255 | - let param={ | ||
| 256 | - sid:this.options.id, | ||
| 257 | - openid:getApp().openid, | ||
| 258 | - } | ||
| 259 | - if(this.data.IsCollectionSeller){//已收藏 | ||
| 260 | - param.cancel=1 | ||
| 261 | - } | ||
| 262 | - let hasFollow=!this.data.IsCollectionSeller | ||
| 263 | - this.setData({ | ||
| 264 | - IsCollectionSeller:hasFollow | ||
| 265 | - }) | ||
| 266 | - App.Customer.SetCollectionRel(param); | ||
| 267 | - PubSub.emit( | ||
| 268 | - 'follow', | ||
| 269 | - { | ||
| 270 | - sid:this.options.id, | ||
| 271 | - hasFollow:hasFollow, | ||
| 272 | - } | ||
| 273 | - ) | ||
| 274 | - }, | ||
| 275 | - lookLocation:function(){ | ||
| 276 | - //console.log(this.data.seller.lat,this.data.seller.long,this.data.detail.map_address) | ||
| 277 | - wx.openLocation({ | ||
| 278 | - latitude:Number(this.data.seller.lat), | ||
| 279 | - longitude:Number(this.data.seller.long), | ||
| 280 | - scale:17, | ||
| 281 | - address:this.data.seller.map_address, | ||
| 282 | - success:function (res) { | ||
| 283 | - console.log(res) | ||
| 284 | - } | ||
| 285 | - }) | ||
| 286 | - }, | ||
| 287 | - onpos(e){ | ||
| 288 | - console.log(e); | ||
| 289 | - this.location=e.detail | ||
| 290 | - this.GetSellerDetail(); | ||
| 291 | - }, | ||
| 292 | - reviweBanner(){ | ||
| 293 | - let urls=[]; | ||
| 294 | - this.data.seller.envi_image.forEach(url=>{ | ||
| 295 | - if(url){ | ||
| 296 | - urls.push(url+zdmask) | ||
| 297 | - } | ||
| 298 | - }) | ||
| 299 | - wx.previewImage({ | ||
| 300 | - current:this.data.seller.envi_image[this.data.current]+zdmask, | ||
| 301 | - urls:urls | ||
| 302 | - }) | ||
| 303 | - }, | ||
| 304 | - reviweRoomImage(e){ | ||
| 305 | - let urls=[]; | ||
| 306 | - this.data.seller.room_image.forEach(url=>{ | ||
| 307 | - if(url){ | ||
| 308 | - urls.push(url+zdmask) | ||
| 309 | - } | ||
| 310 | - }) | ||
| 311 | - wx.previewImage({ | ||
| 312 | - current:util.attr(e,'current')+zdmask, | ||
| 313 | - urls:urls | ||
| 314 | - }) | ||
| 315 | - }, | ||
| 316 | - reviweDishesImage(e){ | ||
| 317 | - let urls=[]; | ||
| 318 | - this.data.seller.dishes.forEach(d=>{ | ||
| 319 | - if(d.image){ | ||
| 320 | - urls.push(d.image+zdmask) | ||
| 321 | - } | ||
| 322 | - }) | ||
| 323 | - wx.previewImage({ | ||
| 324 | - current:util.attr(e,'current')+zdmask, | ||
| 325 | - urls:urls | ||
| 326 | - }) | ||
| 327 | - }, | ||
| 328 | - showDiscount(){ | ||
| 329 | - this.selectComponent('#discount').show() | ||
| 330 | - }, | ||
| 331 | - discountHide(){ | ||
| 332 | - this.setData({ | ||
| 333 | - hasDisplayDiscount:false | ||
| 334 | - }) | ||
| 335 | - }, | ||
| 336 | - discountShow(){ | ||
| 337 | - this.setData({ | ||
| 338 | - hasDisplayDiscount:true | ||
| 339 | - }) | ||
| 340 | - }, | ||
| 341 | - shareUserinfo(){ | ||
| 342 | - //util.toast('授权成功,请继续分享','none'); | ||
| 343 | - this.selectComponent('#share').show() | ||
| 344 | - }, | ||
| 345 | - bindtransition(e){ | ||
| 346 | - this.setData({ | ||
| 347 | - currentView:e.detail.current+1 | ||
| 348 | - }) | ||
| 349 | - }, | ||
| 350 | - async SetRelaOpenid(){ | ||
| 351 | - if(!this.options.fromid) return; | ||
| 352 | - let openid=await getApp().getOpenid() | ||
| 353 | - App.Reserve.SetRelaOpenid({ | ||
| 354 | - openid:openid, | ||
| 355 | - fromid:this.options.fromid, | ||
| 356 | - sid:this.options.id, | ||
| 357 | - sub:this.options.hasSellerShare?2:3,//关系类型:1/2/3 邀请关系/商户端分享关系/C端分享关系 | ||
| 358 | - }) | ||
| 359 | - }, | ||
| 360 | - switchTabs(e){ | ||
| 361 | - this.setData({ | ||
| 362 | - activeTab:util.attr(e,'act'), | ||
| 363 | - }) | ||
| 364 | - }, | 143 | + |
| 365 | reserve:{}, | 144 | reserve:{}, |
| 366 | selectpeople(e){//人数改变 | 145 | selectpeople(e){//人数改变 |
| 367 | console.log(e); | 146 | console.log(e); |
| @@ -3,23 +3,12 @@ | @@ -3,23 +3,12 @@ | ||
| 3 | "navigationBarTextStyle": "black", | 3 | "navigationBarTextStyle": "black", |
| 4 | "navigationBarTitleText":"周到安排", | 4 | "navigationBarTitleText":"周到安排", |
| 5 | "usingComponents": { | 5 | "usingComponents": { |
| 6 | - "formids":"/components/formids/formids", | ||
| 7 | - "userinfo":"/components/userinfo/userinfo", | ||
| 8 | - "userinfo-share":"/components/userinfo/share", | ||
| 9 | - "stat":"/components/stat/stat", | ||
| 10 | - "as-phone":"/components/actionSheet/phone", | ||
| 11 | "nav":"/components/nav/nav", | 6 | "nav":"/components/nav/nav", |
| 12 | "getpos":"/components/userinfo/getpos", | 7 | "getpos":"/components/userinfo/getpos", |
| 13 | - "discount":"/components/reserve/seller/discount", | ||
| 14 | - "share":"/components/reserve/share/share", | ||
| 15 | "people":"/components/reserve/people/people", | 8 | "people":"/components/reserve/people/people", |
| 16 | "dur":"/components/reserve/dur/dur", | 9 | "dur":"/components/reserve/dur/dur", |
| 17 | "calendar":"/components/reserve/week-calendar/week-calendar", | 10 | "calendar":"/components/reserve/week-calendar/week-calendar", |
| 18 | - "activity-tips":"/components/activity/tips", | ||
| 19 | "section":"/components/reserve/section/section", | 11 | "section":"/components/reserve/section/section", |
| 20 | - "select-room":"/components/reserve/select-room/select-room", | ||
| 21 | - "service":"/components/tips/service", | ||
| 22 | - "taocan":"/components/2.0/taocan/lists", | ||
| 23 | - "plcard":"/components/2.0/pinglun/card" | 12 | + "select-room":"/components/reserve/select-room/select-room" |
| 24 | } | 13 | } |
| 25 | } | 14 | } |
| 1 | <!--pages/reserve/detail.wxml--> | 1 | <!--pages/reserve/detail.wxml--> |
| 2 | -<include src="detail.skeleton.wxml" wx:if="{{!seller}}"/> | ||
| 3 | -<layout wx:else="" style="{{hasDisplayDiscount?'position: fixed;width:100vw;height:100vk;':''}}"> | 2 | +<page loading="{{loading}}"> |
| 4 | <nav hasHome>{{seller.sellername}}</nav> | 3 | <nav hasHome>{{seller.sellername}}</nav> |
| 5 | <!-- 包间预定 --> | 4 | <!-- 包间预定 --> |
| 6 | - <view class="tabs flex-lr" wx:if="{{hasOnlineReserve}}"> | ||
| 7 | - <view class="tabs-item flex-vc" bindtap="switchTabs" data-act="detail"> | ||
| 8 | - <view class="tabs-item-text {{activeTab=='detail'?'active':''}}">餐厅详情</view> | 5 | + <view class="padding-lr-lg padding-top-lg" wx:if="{{seller.id}}"> |
| 6 | + <view class="flex justify-between align-center"> | ||
| 7 | + <view class="txt-36-h text-bold">预订日期</view> | ||
| 8 | + <view class="more"></view> | ||
| 9 | </view> | 9 | </view> |
| 10 | - <view class="tabs-item flex-vc" bindtap="switchTabs" data-act="reserve"> | ||
| 11 | - <view class="tabs-item-text {{activeTab=='reserve'?'active':''}}">包间预订</view> | 10 | + <view>...</view> |
| 11 | + <view class="flex justify-between align-center"> | ||
| 12 | + <view class="txt-36-h text-bold">预订时段</view> | ||
| 12 | </view> | 13 | </view> |
| 13 | - </view> | ||
| 14 | - <view hidden="{{activeTab!='detail'}}"> | ||
| 15 | - <view class="seller-banner" style="{{hasOnlineReserve?'margin-top: 80rpx;':''}}"> | ||
| 16 | - <swiper | ||
| 17 | - indicator-dots="{{false}}" autoplay="{{false}}" circular="{{false}}" vertical="{{false}}" | ||
| 18 | - interval="2000" duration="500" | ||
| 19 | - previous-margin="{{0}}px" next-margin="{{0}}px" | ||
| 20 | - current="{{current}}" bindchange="bindtransition" bindtap="reviweBanner"> | ||
| 21 | - <block wx:for="{{seller.envi_image}}" wx:key="sellers.key"> | ||
| 22 | - <swiper-item> | ||
| 23 | - <image class="image" mode="aspectFill" | ||
| 24 | - src="{{item}}?imageView2/2/w/860/interlace/0/q/100" ></image> | ||
| 25 | - </swiper-item> | ||
| 26 | - </block> | ||
| 27 | - </swiper> | ||
| 28 | - <view class="slogan" wx:if="{{seller.slogan}}"> | ||
| 29 | - <view class="slogan-view flex-ll"> | ||
| 30 | - <view class="dot"></view> | ||
| 31 | - <view>{{seller.slogan}}</view> | ||
| 32 | - </view> | ||
| 33 | - </view> | ||
| 34 | - <view class="swiper-num" wx:if="{{seller.envi_image.length>0}}">{{currentView}} / {{seller.envi_image.length}}</view> | ||
| 35 | - </view> | ||
| 36 | - <view class="pages"> | ||
| 37 | - <view class="seller"> | ||
| 38 | - <view class="base"> | ||
| 39 | - <view class="name Semibold flex-lr"> | ||
| 40 | - <view class="name-info">{{seller.sellername}} | ||
| 41 | - <view class="broad" wx:if="{{seller.brand}}"> | ||
| 42 | - <view class="broad-1"></view> | ||
| 43 | - <view class="broad-2">{{seller.brand.name}}</view> | ||
| 44 | - <view class="broad-3"></view> | ||
| 45 | - </view> | ||
| 46 | - </view> | ||
| 47 | - <view class="average" wx:if="{{seller.average>0}}">¥{{seller.average}}/人</view> | ||
| 48 | - </view> | ||
| 49 | - <view class="ping flex-ll"> | ||
| 50 | - <view class="item" wx:if="{{seller.cate.length>0}}">{{seller.cate[0]}}</view> | ||
| 51 | - <view class="item" wx:if="{{seller.is_belt_wine!=0}}">{{seller.is_belt_wine==1?'不可带酒水':'可自带酒水'}}</view> | ||
| 52 | - <view class="item" wx:if="{{seller.is_parking==1}}">停车场</view> | ||
| 53 | - <view class="item" wx:if="{{seller.room_num>0}}">{{seller.room_num}}个包间</view> | ||
| 54 | - </view> | ||
| 55 | - <view class="label_c" wx:if="{{seller.label_cstr}}"> | ||
| 56 | - <text class="label_text" >{{seller.label_cstr}}</text> | ||
| 57 | - </view> | ||
| 58 | - </view> | ||
| 59 | - <view> | ||
| 60 | - <view class="addr flex-lr" wx:if="{{hasOnlineReserve}}"> | ||
| 61 | - <view class="addr-view" bindtap="lookLocation"> | ||
| 62 | - <view class="addr-text flex-ll"> | ||
| 63 | - <image src="http://nosqn.colorcun.com/custom/lite-online/image/%E5%AE%9A%E4%BD%8D.png"></image> | ||
| 64 | - <view class="text">{{seller.real_address||seller.map_address}}</view> | ||
| 65 | - </view> | ||
| 66 | - <view class="addr-long">{{seller.distanceStr?'距您'+seller.distanceStr:''}}</view> | ||
| 67 | - </view> | ||
| 68 | - <view class="more more-phone" bindtap="reserveEvent" data-act="phone"></view> | ||
| 69 | - </view> | ||
| 70 | - <view class="addr flex-lr" bindtap="lookLocation" wx:else="" > | ||
| 71 | - <view class="addr-view"> | ||
| 72 | - <view class="addr-text flex-ll"> | ||
| 73 | - <image src="http://nosqn.colorcun.com/custom/lite-online/image/%E5%AE%9A%E4%BD%8D.png"></image> | ||
| 74 | - <view class="text">{{seller.real_address||seller.map_address}}</view> | ||
| 75 | - </view> | ||
| 76 | - <view class="addr-long">{{seller.distanceStr?'距您'+seller.distanceStr:''}}</view> | ||
| 77 | - </view> | ||
| 78 | - <view class="more more-addr"></view> | ||
| 79 | - </view> | ||
| 80 | - </view> | ||
| 81 | - </view> | ||
| 82 | - <view wx:if="{{seller}}"> | ||
| 83 | - <view class="black20line"></view> | ||
| 84 | - <view wx:if="{{(seller.isopen_md==1 && hasPTactivity) || seller.card_info.length>0}}" bindtap="showDiscount"> | ||
| 85 | - <view class="activity-view-easy flex-lr"> | ||
| 86 | - <view class="activity-left flex-ll"> | ||
| 87 | - <view class="activity-view-tit">优惠</view> | ||
| 88 | - <view class="activity-view-blk" wx:if="{{seller.receive_condition_1}}">进店赠红包</view> | ||
| 89 | - <view class="activity-view-blk" wx:if="{{seller.receive_condition_2}}">消费赠红包</view> | ||
| 90 | - <view class="activity-view-blk" wx:if="{{seller.isopen_md==1 && hasPTactivity}}">平台红包</view> | ||
| 91 | - </view> | ||
| 92 | - <view class="flex-rr activity-right"> | ||
| 93 | - <view class="more"></view> | ||
| 94 | - </view> | ||
| 95 | - </view> | ||
| 96 | - <view class="activityStr" wx:if="{{seller.activityStr}}"> | ||
| 97 | - {{seller.activityStr}} | ||
| 98 | - </view> | ||
| 99 | - <view class="black20line"></view> | ||
| 100 | - </view> | ||
| 101 | - <block wx:elif="{{seller.activityStr}}"> | ||
| 102 | - <view class="activity-view-easy flex-lr" bindtap="showDiscount"> | ||
| 103 | - <view class="activity-left flex-ll"> | ||
| 104 | - <view class="activity-view-tit">优惠</view> | ||
| 105 | - <view class="activity-view-activityStr">{{seller.activityStr}}</view> | ||
| 106 | - </view> | ||
| 107 | - <view class="flex-rr activity-right"> | ||
| 108 | - <view class="more"></view> | ||
| 109 | - </view> | ||
| 110 | - </view> | ||
| 111 | - <view class="black20line"></view> | ||
| 112 | - </block> | ||
| 113 | - <block wx:if="{{seller.isopen_md!=1 && hasPTactivity}}"> | ||
| 114 | - <view class="seller" > | ||
| 115 | - <view class="activity-view-easy flex-lr" > | ||
| 116 | - <view class="activity-left flex-ll"> | ||
| 117 | - <view class="icon"></view> | ||
| 118 | - <view class="discount" >本店不可使用平台红包</view> | ||
| 119 | - </view> | ||
| 120 | - </view> | ||
| 121 | - </view> | ||
| 122 | - <view class="black20line"></view> | ||
| 123 | - </block> | ||
| 124 | - <view class="block" wx:if="{{seller.room_image.length>0}}"> | ||
| 125 | - <view class="header flex-ll"> | ||
| 126 | - <view class="line"></view> | ||
| 127 | - <view class="name">包间环境</view> | ||
| 128 | - </view> | ||
| 129 | - <scroll-view | ||
| 130 | - scroll-x | ||
| 131 | - class="baos" | ||
| 132 | - scroll-into-view="{{toView}}" | ||
| 133 | - scroll-top="{{scrollTop}}" | ||
| 134 | - > | ||
| 135 | - | ||
| 136 | - <block wx:for="{{seller.room_image}}" wx:key="sellers.key"> | ||
| 137 | - <view class="image"> | ||
| 138 | - <image mode="aspectFill" bindtap="reviweRoomImage" data-current="{{item}}" | ||
| 139 | - src="{{item}}?imageView2/2/w/640/interlace/0/q/100"></image> | ||
| 140 | - </view> | ||
| 141 | - </block> | ||
| 142 | - | ||
| 143 | - </scroll-view> | ||
| 144 | - </view> | ||
| 145 | - <view class="black20line"></view> | ||
| 146 | - <view style="width: 110%;margin-left: -5%;"> | ||
| 147 | - <taocan sid="{{seller.id}}" ></taocan> | ||
| 148 | - </view> | ||
| 149 | - | ||
| 150 | - <view class="black20line"></view> | ||
| 151 | - <view class="block" wx:if="{{seller.dishes.length>0}}"> | ||
| 152 | - <view class="header flex-lr"> | ||
| 153 | - <view class="flex-ll"> | ||
| 154 | - <view class="line"></view> | ||
| 155 | - <view class="name">推荐菜品</view> | ||
| 156 | - </view> | ||
| 157 | - </view> | ||
| 158 | - <scroll-view wx:if="{{hasDishesImage}}" | ||
| 159 | - scroll-x | ||
| 160 | - class="cais" | ||
| 161 | - scroll-into-view="{{toView}}" | ||
| 162 | - scroll-top="{{scrollTop}}" | ||
| 163 | - > | ||
| 164 | - <block wx:for="{{seller.dishes}}" wx:key="sellers.key"> | ||
| 165 | - <view class="cais-views" wx:if="{{item.image}}"> | ||
| 166 | - <view class="image-view" > | ||
| 167 | - <view class="image"> | ||
| 168 | - <image mode="aspectFill" bindtap="reviweDishesImage" data-current="{{item.image}}" | ||
| 169 | - src="{{item.image}}?imageView2/2/w/640/interlace/0/q/100"></image> | ||
| 170 | - </view> | ||
| 171 | - <view class="text Semibold">{{item.name}}</view> | ||
| 172 | - </view> | ||
| 173 | - </view> | ||
| 174 | - </block> | ||
| 175 | - </scroll-view> | ||
| 176 | - <view class="cais-text"> | ||
| 177 | - <block wx:for="{{seller.dishes}}" wx:key="sellers.key"> | ||
| 178 | - <view wx:if="{{!item.image}}">{{item.name}}</view> | ||
| 179 | - </block> | ||
| 180 | - </view> | ||
| 181 | - </view> | ||
| 182 | - <block wx:if="{{seller.seller_config_info.is_display_dish==1}}"> | ||
| 183 | - <view class="black20line"></view> | ||
| 184 | - <navigator url="/pack-cookbook/pages/index?rid=18599&oid=273&identity=1&seeAll={{seller.sellername}}&sid={{seller.id}}" hover-class="navigator-hover"> | ||
| 185 | - <view class="view padding-tb-lg"> | ||
| 186 | - <view class="view flex justify-between align-center"> | ||
| 187 | - <view class="view txt-40-h text-bold">查看菜单</view> | ||
| 188 | - <view class="view flex justify-end align-center"> | ||
| 189 | - <view style="font-size: 28rpx;margin-right: 20rpx;">所有菜品</view> | ||
| 190 | - <view class="more"></view> | ||
| 191 | - </view> | ||
| 192 | - </view> | ||
| 193 | - </view> | ||
| 194 | - </navigator> | ||
| 195 | - </block> | ||
| 196 | - <block wx:if="{{seller.comment_info}}"> | ||
| 197 | - <view class="black20line"></view> | ||
| 198 | - <navigator url="/pages/pinglun/mylist?act=seller&sid={{seller.id}}" hover-class="navigator-hover"> | ||
| 199 | - <view class="view padding-tb-lg"> | ||
| 200 | - <view class="view flex justify-between align-center"> | ||
| 201 | - <view class="view txt-40-h text-bold">用户评价</view> | ||
| 202 | - <view class="view flex justify-end align-center"> | ||
| 203 | - <view style="font-size: 28rpx;margin-right: 20rpx;">所有评价</view> | ||
| 204 | - <view class="more"></view> | ||
| 205 | - </view> | ||
| 206 | - </view> | ||
| 207 | - </view> | ||
| 208 | - </navigator> | ||
| 209 | - <view class="view padding-bottom-xl"> | ||
| 210 | - <view class="view flex flex-wrap" wx:if="{{commentLabel.length>0}}"> | ||
| 211 | - <block wx:for="{{commentLabel}}" wx:key="commentLabel"> | ||
| 212 | - <view class="view commentLabel padding-lr-sm margin-bottom-sm margin-right-sm">{{item.name}}</view> | ||
| 213 | - </block> | ||
| 214 | - </view> | ||
| 215 | - <view class="margin-top-lg"> | ||
| 216 | - <plcard post="{{seller.comment_info}}"></plcard> | ||
| 217 | - </view> | ||
| 218 | - </view> | ||
| 219 | - </block> | ||
| 220 | - </view> | ||
| 221 | - </view> | ||
| 222 | - <view class="footer flex-lr"> | ||
| 223 | - <view class="left flex-cc"> | ||
| 224 | - <formids class="follow flex-tb" url="/pages/customer/index"> | ||
| 225 | - <image class="follow-img-index" src="http://nosqn.colorcun.com/custom/lite-online/image/%E9%A6%96%E9%A1%B5.png"></image> | ||
| 226 | - <view class="text">首页</view> | ||
| 227 | - </formids> | ||
| 228 | - <userinfo class="follow flex-tb" binduserinfo="follow"> | ||
| 229 | - <image class="follow-img-follow" src="http://nosqn.colorcun.com/custom/lite-online/image/%E6%94%B6%E8%97%8F.png" wx:if="{{!IsCollectionSeller}}"></image> | ||
| 230 | - <image class="follow-img-follow" src="http://nosqn.colorcun.com/custom/lite-online/image/%E5%B7%B2%E6%94%B6%E8%97%8F.png" wx:else=""></image> | ||
| 231 | - <view class="text">收藏</view> | ||
| 232 | - </userinfo> | ||
| 233 | - <service class="follow"> | ||
| 234 | - <formids class="flex-tb"> | ||
| 235 | - <image class="follow-img-service" src="http://nosqn.colorcun.com/shead1.png"></image> | ||
| 236 | - <view class="text">客服</view> | ||
| 237 | - </formids> | ||
| 238 | - </service> | ||
| 239 | - <userinfo class="follow flex-tb" binduserinfo="shareUserinfo"> | ||
| 240 | - <image class="follow-img-share" src="http://nosqn.colorcun.com/mapmenu/seshare.png"></image> | ||
| 241 | - <view class="text">分享</view> | ||
| 242 | - </userinfo> | ||
| 243 | - </view> | ||
| 244 | - <view class="reserve reserve-click flex-vc"> | ||
| 245 | - <formids class="flex-vc" bindclick="reserveEvent" id="reserve-button"> | ||
| 246 | - <view class="text Semibold">订包间</view> | ||
| 247 | - </formids> | ||
| 248 | - </view> | ||
| 249 | - | 14 | + <view> |
| 15 | + <section seller="{{seller}}" date="{{reserveDate}}" bind:selectsection="selectsection" section="{{reserveSection}}"></section> | ||
| 250 | </view> | 16 | </view> |
| 251 | - <!-- | ||
| 252 | - <activity-tips str="¥price" cla="reserve-detail" pos="pages/reserve/detail"></activity-tips> | ||
| 253 | - --> | ||
| 254 | - | ||
| 255 | </view> | 17 | </view> |
| 256 | - <view hidden="{{activeTab!='reserve'}}" wx:if="{{seller.id}}"> | 18 | + <block wx:if="{{reserveSection}}"> |
| 19 | + <select-room seller="{{seller}}" date="{{reserveDate}}" section="{{reserveSection}}" seletroomlist="{{seletroomlist}}" bindchangeroom="selectroom"></select-room> | ||
| 20 | + </block> | ||
| 21 | + <!-- | ||
| 22 | + <view wx:if="{{seller.id}}"> | ||
| 257 | <view class="olreserve bg_white"> | 23 | <view class="olreserve bg_white"> |
| 24 | + | ||
| 25 | + <view class="reserve-time Semibold">预订日期</view> | ||
| 258 | <calendar seller="{{seller}}" bindselectdate="selectdate" date="{{reserveDate}}"></calendar> | 26 | <calendar seller="{{seller}}" bindselectdate="selectdate" date="{{reserveDate}}"></calendar> |
| 259 | <view class="reserve-time Semibold">预订时段</view> | 27 | <view class="reserve-time Semibold">预订时段</view> |
| 260 | <section seller="{{seller}}" date="{{reserveDate}}" bind:selectsection="selectsection" section="{{reserveSection}}"></section> | 28 | <section seller="{{seller}}" date="{{reserveDate}}" bind:selectsection="selectsection" section="{{reserveSection}}"></section> |
| @@ -262,17 +30,9 @@ | @@ -262,17 +30,9 @@ | ||
| 262 | <select-room seller="{{seller}}" date="{{reserveDate}}" section="{{reserveSection}}" seletroomlist="{{seletroomlist}}" bindchangeroom="selectroom"></select-room> | 30 | <select-room seller="{{seller}}" date="{{reserveDate}}" section="{{reserveSection}}" seletroomlist="{{seletroomlist}}" bindchangeroom="selectroom"></select-room> |
| 263 | </block> | 31 | </block> |
| 264 | </view> | 32 | </view> |
| 265 | - <view class="reserve-button-cover flex-cc"> | ||
| 266 | - <view class="white-font font32r reserve-button flex-cc" catchtap="complete">选好了</view> | ||
| 267 | - </view> | ||
| 268 | </view> | 33 | </view> |
| 269 | -</layout> | ||
| 270 | -<getpos bindpos="onpos" id="getpos" hasAllowLoading="{{false}}"></getpos> | ||
| 271 | -<discount id="discount" seller="{{seller}}" wx:if="{{seller}}" | ||
| 272 | - hasPTactivity="{{hasPTactivity}}" | ||
| 273 | - cla="{{activeTab=='reserve'?'seller-reserve':''}}" | ||
| 274 | - bindevent="reserveEvent" | ||
| 275 | - bindhide="discountHide" | ||
| 276 | - bindshow="discountShow"></discount> | ||
| 277 | -<share id="share" seller_id="{{seller.id}}" seller="{{seller}}" wx:if="{{seller.id}}"></share> | ||
| 278 | -<as-phone id="as"></as-phone> | ||
| 34 | + --> | ||
| 35 | + <view class="reserve-button-cover flex-cc"> | ||
| 36 | + <view class="white-font font32r reserve-button flex-cc" catchtap="complete">选好了</view> | ||
| 37 | + </view> | ||
| 38 | +</page> |
| 1 | /* pages/reserve/detail.wxss */ | 1 | /* pages/reserve/detail.wxss */ |
| 2 | -@import "./detail.skeleton.wxss"; | ||
| 3 | @import "../../colorui/main.wxss"; | 2 | @import "../../colorui/main.wxss"; |
| 4 | -.pages{ | ||
| 5 | - width: 100%; | ||
| 6 | - margin: 0 auto; | ||
| 7 | - font-size: 30rpx; | ||
| 8 | - color:#353535; | ||
| 9 | - padding-bottom: 100rpx; | ||
| 10 | - background-color: #fefefe; | ||
| 11 | - box-sizing: border-box; | ||
| 12 | - padding: 0 5% 100rpx; | ||
| 13 | -} | ||
| 14 | -.seller-banner{ | ||
| 15 | - width: 100%; | ||
| 16 | - height: 500rpx; | ||
| 17 | - position: relative; | ||
| 18 | -} | ||
| 19 | -.seller-banner swiper,.seller-banner swiper-item{ | ||
| 20 | - height: 100%; | ||
| 21 | -} | ||
| 22 | -.seller-banner .image{ | ||
| 23 | - width: 100%; | ||
| 24 | - height: 100%; | ||
| 25 | -} | ||
| 26 | -.black20line{ | ||
| 27 | - width: 110%; | ||
| 28 | - margin-left: -5%; | ||
| 29 | - height: 20rpx; | ||
| 30 | - background-color: #F5F5F5; | ||
| 31 | -} | ||
| 32 | - | ||
| 33 | -.seller .base{ | ||
| 34 | - padding: 40rpx 0 18rpx; | ||
| 35 | -} | ||
| 36 | -.base .name{ | ||
| 37 | - font-size: 36rpx; | ||
| 38 | - line-height: 50rpx; | ||
| 39 | - margin-bottom: 20rpx; | ||
| 40 | -} | ||
| 41 | -.base .ping,.base .peitao{ | ||
| 42 | - height: 40rpx; | ||
| 43 | - line-height: 40rpx; | ||
| 44 | - color:#999999; | ||
| 45 | - font-size: 28rpx; | ||
| 46 | -} | ||
| 47 | -.base .ping .item{ | ||
| 48 | - height: 24rpx; | ||
| 49 | - line-height: 24rpx; | ||
| 50 | - padding-left: 14rpx; | ||
| 51 | - border-left: 2rpx solid #999999; | ||
| 52 | - margin-left: 20rpx; | ||
| 53 | -} | ||
| 54 | -.base .ping .item:first-child{ | ||
| 55 | - border-width: 0; | ||
| 56 | - margin-left: 0; | ||
| 57 | - padding-left: 0; | ||
| 58 | -} | ||
| 59 | -.base .ping .fen .text{ | ||
| 60 | - margin-left: 10rpx; | ||
| 61 | -} | ||
| 62 | -.base .peitao{ | ||
| 63 | - margin-top: 10rpx; | ||
| 64 | - width: 100%; | ||
| 65 | -} | ||
| 66 | -.peitao .icon{ | ||
| 67 | - margin-right: 20rpx; | ||
| 68 | - background-size: 28rpx 26rpx; | ||
| 69 | - background-repeat: no-repeat; | ||
| 70 | - text-indent: 38rpx; | ||
| 71 | - line-height: 26rpx; | ||
| 72 | -} | ||
| 73 | -.peitao .icon.bao{ | ||
| 74 | - background-image: url("http://nosqn.colorcun.com/custom/lite-online/image/%E5%8C%85%E9%97%B4.png"); | ||
| 75 | -} | ||
| 76 | -.peitao .icon.ka{ | ||
| 77 | - background-image: url("http://nosqn.colorcun.com/custom/lite-online/image/%E5%8D%A1%E5%BA%A72.png"); | ||
| 78 | -} | ||
| 79 | -.peitao .icon.car{ | ||
| 80 | - background-image: url("http://nosqn.colorcun.com/custom/lite-online/image/%E5%81%9C%E8%BD%A6%E5%9C%BA2.png"); | ||
| 81 | -} | ||
| 82 | - | ||
| 83 | -.peitao .icon.meal_fee{ | ||
| 84 | - background-image: url("http://nosqn.colorcun.com/reserve/images/3x/%E6%97%A0%E9%A4%90%E4%BD%8D%E8%B4%B9.png"); | ||
| 85 | - background-size: 24rpx 24rpx; | ||
| 86 | -} | ||
| 87 | -.peitao .icon.unsubscribe{ | ||
| 88 | - background-image: url("http://nosqn.colorcun.com/reserve/images/3x/%E9%9A%8F%E6%97%B6%E9%80%80.png"); | ||
| 89 | - background-size: 24rpx 24rpx; | ||
| 90 | -} | ||
| 91 | -.peitao .icon.minimum{ | ||
| 92 | - background-image: url("http://nosqn.colorcun.com/reserve/images/3x/%E6%97%A0%E6%9C%80%E4%BD%8E%E6%B6%88%E8%B4%B9.png"); | ||
| 93 | - background-size: 24rpx 24rpx; | ||
| 94 | -} | ||
| 95 | -.peitao .icon.belt{ | ||
| 96 | - background-image: url("http://nosqn.colorcun.com/reserve/images/3x/%E5%8F%AF%E8%87%AA%E5%B8%A6%E9%85%92%E6%B0%B4.png"); | ||
| 97 | - background-size: 24rpx 24rpx; | ||
| 98 | -} | ||
| 99 | - | ||
| 100 | - | ||
| 101 | - | ||
| 102 | -.seller .addr{ | ||
| 103 | - border-top: 2rpx solid #f5f5f5; | ||
| 104 | - height: 160rpx; | ||
| 105 | - line-height: 160rpx; | ||
| 106 | -} | ||
| 107 | - | ||
| 108 | -.addr-text{ | ||
| 109 | - line-height: 42rpx; | ||
| 110 | - /*margin-top: 34rpx;*/ | ||
| 111 | -} | ||
| 112 | -.addr-text .text{ | ||
| 113 | - white-space: nowrap; | ||
| 114 | - overflow: hidden; | ||
| 115 | - text-overflow:ellipsis; | ||
| 116 | -} | ||
| 117 | -.addr-text image{ | ||
| 118 | - width: 24rpx; | ||
| 119 | - height: 28rpx; | ||
| 120 | - margin-right: 20rpx; | ||
| 121 | - min-width: 24rpx; | ||
| 122 | -} | ||
| 123 | -.addr-long{ | ||
| 124 | - font-size: 24rpx; | ||
| 125 | - color:#999999; | ||
| 126 | - margin-left: 44rpx; | ||
| 127 | - height: 34rpx; | ||
| 128 | - line-height: 34rpx; | ||
| 129 | - margin-top: 2rpx; | ||
| 130 | - /*margin-bottom: 40rpx;*/ | ||
| 131 | -} | ||
| 132 | - | ||
| 133 | -.block{ | ||
| 134 | - padding: 60rpx 0 50rpx; | ||
| 135 | - border-bottom: 2rpx solid #F5F5F5; | ||
| 136 | -} | ||
| 137 | -.block:last-child{ | ||
| 138 | - border-width: 0; | ||
| 139 | -} | ||
| 140 | -.block .header{ | ||
| 141 | - height: 44rpx; | ||
| 142 | - line-height: 44rpx; | ||
| 143 | - margin-bottom: 40rpx; | ||
| 144 | -} | ||
| 145 | -.block .line{ | ||
| 146 | - height: 44rpx; | ||
| 147 | - width: 4rpx; | ||
| 148 | - background: linear-gradient(to bottom, #838383, #4C4C4C); | ||
| 149 | - margin-right: 4rpx; | ||
| 150 | -} | ||
| 151 | -.block .name{ | ||
| 152 | - height: 44rpx; | ||
| 153 | - width: 124rpx; | ||
| 154 | - background: linear-gradient(to bottom, #838383, #4C4C4C); | ||
| 155 | - font-size: 24rpx; | ||
| 156 | - color: #FFFFFF; | ||
| 157 | - text-align: center; | ||
| 158 | -} | ||
| 159 | -.footer{ | ||
| 160 | - height: 116rpx; | ||
| 161 | - line-height: 116rpx; | ||
| 162 | - box-shadow: 0 0 8rpx 0 #E0E0E0; | ||
| 163 | - position: fixed; | ||
| 164 | - bottom: 0; | ||
| 165 | - left: 0; | ||
| 166 | - right: 0; | ||
| 167 | - background-color: #FFFFFF; | ||
| 168 | -} | ||
| 169 | -.footer .left{ | ||
| 170 | - width: 100%; | ||
| 171 | - height: 100%; | ||
| 172 | - padding: 0 20rpx; | ||
| 173 | - box-sizing: border-box; | ||
| 174 | -} | ||
| 175 | -.footer .left formids{ | ||
| 176 | - height: 70rpx; | ||
| 177 | - line-height: 34rpx; | ||
| 178 | -} | ||
| 179 | -.follow-img-index{ | ||
| 180 | - width:36rpx; | ||
| 181 | - height:34rpx; | ||
| 182 | -} | ||
| 183 | -.follow-img-follow{ | ||
| 184 | - width:36rpx; | ||
| 185 | - height:34rpx; | ||
| 186 | -} | ||
| 187 | -.follow-img-service{ | ||
| 188 | - width:34rpx; | ||
| 189 | - height:34rpx; | ||
| 190 | -} | ||
| 191 | -.follow-img-share{ | ||
| 192 | - width:34rpx; | ||
| 193 | - height:34rpx; | ||
| 194 | -} | ||
| 195 | -.footer .left .text{ | ||
| 196 | - line-height: 28rpx; | ||
| 197 | - height: 28rpx; | ||
| 198 | - font-size: 20rpx; | ||
| 199 | - margin-top: 8rpx; | ||
| 200 | -} | ||
| 201 | -.footer .follow{ | ||
| 202 | - width: 25%; | ||
| 203 | -} | ||
| 204 | -.footer .reserve{ | ||
| 205 | - width: 290rpx; | ||
| 206 | - min-width: 290rpx; | ||
| 207 | - height: 100%; | ||
| 208 | -} | ||
| 209 | -.footer .reserve .text{ | ||
| 210 | - width: 270rpx; | ||
| 211 | - height: 84rpx; | ||
| 212 | - background: linear-gradient(90deg, #3BBFF5 0%, #57A0FF 100%); | ||
| 213 | - border-radius: 42rpx; | ||
| 214 | - | ||
| 215 | - font-size: 36rpx; | ||
| 216 | - font-family: PingFangSC-Semibold, PingFang SC; | ||
| 217 | - font-weight: 600; | ||
| 218 | - color: #FFFFFF; | ||
| 219 | - line-height: 84rpx; | ||
| 220 | - margin-top: 16rpx; | ||
| 221 | -} | ||
| 222 | - | ||
| 223 | -.baos{ | ||
| 224 | - height: 330rpx; | ||
| 225 | - width: 110%; | ||
| 226 | - white-space: nowrap; | ||
| 227 | - margin-left: -5%; | ||
| 228 | -} | ||
| 229 | -.baos .image{ | ||
| 230 | - width: 500rpx; | ||
| 231 | - display: inline-block; | ||
| 232 | - margin-right: 20rpx; | ||
| 233 | -} | ||
| 234 | -.baos .image:first-child{ | ||
| 235 | - margin-left: 5%; | ||
| 236 | -} | ||
| 237 | -.baos .image:last-child{ | ||
| 238 | - margin-right: 5%; | ||
| 239 | -} | ||
| 240 | -.baos .image image{ | ||
| 241 | - border-radius: 10rpx; | ||
| 242 | - width: 500rpx; | ||
| 243 | - height: 320rpx; | ||
| 244 | - box-shadow:0px 4rpx 4rpx 0px rgba(198,198,198,1); | ||
| 245 | -} | ||
| 246 | -.cais{ | ||
| 247 | - width: 110%; | ||
| 248 | - white-space: nowrap; | ||
| 249 | - height: 460rpx; | ||
| 250 | - margin-left: -5%; | ||
| 251 | -} | ||
| 252 | -.cais-views{ | ||
| 253 | - display: inline-block; | ||
| 254 | - margin-right: 20rpx; | ||
| 255 | -} | ||
| 256 | -.cais-views:first-child{ | ||
| 257 | - margin-left: 5%; | ||
| 258 | -} | ||
| 259 | -.cais-views:last-child{ | ||
| 260 | - margin-right: 5%; | ||
| 261 | -} | ||
| 262 | -.cais .image-view{ | ||
| 263 | - border-radius: 10rpx; | ||
| 264 | - border: 2rpx solid #F5F5F5; | ||
| 265 | - box-shadow:0px 4px 4px 0px rgba(198,198,198,1); | ||
| 266 | -} | ||
| 267 | -.cais .image{ | ||
| 268 | - width: 500rpx; | ||
| 269 | - border-radius: 10rpx 10rpx 0 0; | ||
| 270 | - overflow: hidden; | ||
| 271 | - height: 320rpx; | ||
| 272 | -} | ||
| 273 | -.cais .image image{ | ||
| 274 | - width: 100%; | ||
| 275 | - height: 100%; | ||
| 276 | -} | ||
| 277 | -.cais .text{ | ||
| 278 | - font-size: 30rpx; | ||
| 279 | - height: 80rpx; | ||
| 280 | - line-height: 80rpx; | ||
| 281 | - padding-left: 20rpx; | ||
| 282 | - white-space: nowrap; | ||
| 283 | - overflow: hidden; | ||
| 284 | -} | ||
| 285 | -.cais-text{ | ||
| 286 | - font-size: 28rpx; | ||
| 287 | -} | ||
| 288 | -.cais-text view{ | ||
| 289 | - height: 50rpx; | ||
| 290 | - line-height: 50rpx; | ||
| 291 | - padding: 0 14rpx; | ||
| 292 | - border: 2rpx solid #CC995A; | ||
| 293 | - margin-right: 20rpx; | ||
| 294 | - margin-bottom: 20rpx; | ||
| 295 | - display: inline-block; | ||
| 296 | - border-radius: 6rpx; | ||
| 297 | -} | ||
| 298 | -.activity-view{ | ||
| 299 | - background-color: #FEF1EA; | ||
| 300 | - width:110%; | ||
| 301 | - margin: 0 -5%; | ||
| 302 | - font-size: 24rpx; | ||
| 303 | -} | ||
| 304 | -.activity{ | ||
| 305 | - width:90%; | ||
| 306 | - margin: 0 auto; | ||
| 307 | - padding: 28rpx 0; | ||
| 308 | -} | ||
| 309 | -.activity-left{ | ||
| 310 | - width: calc(100% - 60rpx); | ||
| 311 | -} | ||
| 312 | -.activity-right{ | ||
| 313 | - min-width: 60rpx; | ||
| 314 | - color: #C0A369; | ||
| 315 | -} | ||
| 316 | -.activity-first{ | ||
| 317 | - width: 100%; | ||
| 318 | - line-height: 42rpx; | ||
| 319 | - overflow: hidden; | ||
| 320 | - text-align: left; | ||
| 321 | - height: 42rpx; | ||
| 322 | -} | ||
| 323 | -.activity-first image{ | ||
| 324 | - width: 30rpx; | ||
| 325 | - height: 28rpx; | ||
| 326 | - margin-right: 20rpx; | ||
| 327 | - min-width: 30rpx; | ||
| 328 | - margin-left: 8rpx; | ||
| 329 | - margin-top: 8rpx; | ||
| 330 | -} | ||
| 331 | -.activity-text{ | ||
| 332 | - margin-left: 60rpx; | ||
| 333 | - line-height: 34rpx; | ||
| 334 | - height: 34rpx; | ||
| 335 | - margin-top: 10rpx; | ||
| 336 | - text-align: left; | ||
| 337 | - color: #C28C56; | ||
| 338 | -} | ||
| 339 | -.more{ | ||
| 340 | - /*background-image: url("http://nosqn.colorcun.com/reserve/images/m713.png");*/ | ||
| 341 | - margin-left: 20rpx; | ||
| 342 | - height: 26rpx; | ||
| 343 | - width: 14rpx; | ||
| 344 | -} | ||
| 345 | -.discount{ | ||
| 346 | - margin-right: 20rpx; | ||
| 347 | - white-space:nowrap; | ||
| 348 | -} | ||
| 349 | -.discount:last-child{ | ||
| 350 | - margin-right: 0; | ||
| 351 | - overflow: hidden; | ||
| 352 | - text-overflow: ellipsis; | ||
| 353 | -} | ||
| 354 | -.discount .discount-left{ | ||
| 355 | - background-image: url("http://nosqn.colorcun.com/reserve/images/%E5%B7%A6%E8%BE%B9.png"); | ||
| 356 | - width: 12rpx; | ||
| 357 | - height: 40rpx; | ||
| 358 | - background-size: 100% 100%; | ||
| 359 | -} | ||
| 360 | -.discount .discount-text{ | ||
| 361 | - background-image: url("http://nosqn.colorcun.com/reserve/images/%E4%B8%AD%E9%97%B4.jpg"); | ||
| 362 | - height: 40rpx; | ||
| 363 | - min-width: 60rpx; | ||
| 364 | - background-size: 100% 100%; | ||
| 365 | - line-height: 40rpx; | ||
| 366 | - color:#F8E6C4; | ||
| 367 | - padding: 0 10rpx; | ||
| 368 | -} | ||
| 369 | -.discount .discount-right{ | ||
| 370 | - background-image: url("http://nosqn.colorcun.com/reserve/images/%E5%8F%B3%E8%BE%B9.png"); | ||
| 371 | - width: 12rpx; | ||
| 372 | - height: 40rpx; | ||
| 373 | - background-size: 100% 100%; | ||
| 374 | -} | ||
| 375 | -.slogan{ | ||
| 376 | - position:absolute; | ||
| 377 | - right:0rpx; | ||
| 378 | - bottom: 0rpx; | ||
| 379 | - background-color: rgba(0,0,0,0.39); | ||
| 380 | - color: #FFFFFF; | ||
| 381 | - font-size: 26rpx; | ||
| 382 | - width: 100%; | ||
| 383 | -} | ||
| 384 | -.slogan-view{ | ||
| 385 | - height: 80rpx; | ||
| 386 | - line-height: 80rpx; | ||
| 387 | - width: 100%; | ||
| 388 | - white-space: nowrap; | ||
| 389 | - overflow: hidden; | ||
| 390 | -} | ||
| 391 | -.slogan .dot{ | ||
| 392 | - width: 8rpx; | ||
| 393 | - height: 8rpx; | ||
| 394 | - background-color: #fff; | ||
| 395 | - border-radius: 50%; | ||
| 396 | - margin: 0 20rpx; | ||
| 397 | -} | ||
| 398 | -.swiper-num{ | ||
| 399 | - position:absolute; | ||
| 400 | - right:20rpx; | ||
| 401 | - bottom: 20rpx; | ||
| 402 | - background-color: rgba(0,0,0,0.60); | ||
| 403 | - color: #FFFFFF; | ||
| 404 | - font-size: 24rpx; | ||
| 405 | - height: 40rpx; | ||
| 406 | - line-height: 40rpx; | ||
| 407 | - padding: 0 15rpx; | ||
| 408 | - border-radius: 20rpx; | ||
| 409 | -} | ||
| 410 | - | ||
| 411 | -.addr-view{ | ||
| 412 | - max-width: calc(100%-20rpx); | ||
| 413 | - overflow: hidden; | ||
| 414 | - text-overflow:ellipsis; | ||
| 415 | -} | ||
| 416 | -.more-addr{ | ||
| 417 | - background-image: url("http://nosqn.colorcun.com/reserve/images/m2.png"); | ||
| 418 | -} | ||
| 419 | -.average{ | ||
| 420 | - color: #C0A369; | ||
| 421 | - min-width: 135rpx; | ||
| 422 | - margin-left: 40rpx; | ||
| 423 | - text-align: right; | ||
| 424 | - white-space: nowrap; | ||
| 425 | -} | ||
| 426 | -.name-info-text{ | ||
| 427 | - margin-right: 20rpx; | ||
| 428 | - float: left; | ||
| 429 | -} | ||
| 430 | -.broad{ | ||
| 431 | - display: inline-block; | ||
| 432 | - height: 28rpx; | ||
| 433 | -} | ||
| 434 | -.broad-1{ | ||
| 435 | - background-image: url("http://nosqn.colorcun.com/reserve/images/p0.png"); | ||
| 436 | - width: 14rpx; | ||
| 437 | - height: 34rpx; | ||
| 438 | - background-size: 100% 100%; | ||
| 439 | - float: left; | ||
| 440 | -} | ||
| 441 | -.broad-2{ | ||
| 442 | - background-image: url("http://nosqn.colorcun.com/reserve/images/p2.png"); | ||
| 443 | - height: 34rpx; | ||
| 444 | - background-size: 100% 100%; | ||
| 445 | - font-size: 20rpx; | ||
| 446 | - color: #FFFFFF; | ||
| 447 | - line-height: 34rpx; | ||
| 448 | - float: left; | ||
| 449 | -} | ||
| 450 | -.broad-3{ | ||
| 451 | - background-image: url("http://nosqn.colorcun.com/reserve/images/p3.png"); | ||
| 452 | - width: 14rpx; | ||
| 453 | - height: 34rpx; | ||
| 454 | - background-size: 100% 100%; | ||
| 455 | - float: left; | ||
| 456 | -} | ||
| 457 | - | ||
| 458 | -.label_c{ | ||
| 459 | - font-size: 24rpx; | ||
| 460 | - color: #C0A369; | ||
| 461 | - margin-top: 20rpx; | ||
| 462 | -} | ||
| 463 | -.label_text{ | ||
| 464 | - height: 40rpx; | ||
| 465 | - line-height: 40rpx; | ||
| 466 | - background-color: #FFF5EB; | ||
| 467 | - padding: 4rpx 8rpx; | ||
| 468 | -} | ||
| 469 | - | ||
| 470 | -.activity-view-easy{ | ||
| 471 | - height: 120rpx; | ||
| 472 | - line-height: 120rpx; | ||
| 473 | -} | ||
| 474 | -.activity-view-easy .activity-left{ | ||
| 475 | - height: 120rpx; | ||
| 476 | - line-height: 120rpx; | ||
| 477 | -} | ||
| 478 | -.activity-view-easy .icon{ | ||
| 479 | - background-image: url("http://nosqn.colorcun.com/reserve/images/ad2.png"); | ||
| 480 | - width: 30rpx; | ||
| 481 | - height: 32rpx; | ||
| 482 | - background-size: 100% 100%; | ||
| 483 | -} | ||
| 484 | -.activity-view-easy .discount{ | ||
| 485 | - border-right: 2rpx #C0A369 solid; | ||
| 486 | - height: 30rpx; | ||
| 487 | - line-height: 30rpx; | ||
| 488 | - font-size: 30rpx; | ||
| 489 | - padding-right: 20rpx; | ||
| 490 | - padding-left: 20rpx; | ||
| 491 | - margin-right: 0; | ||
| 492 | - font-weight:500; | ||
| 493 | -} | ||
| 494 | -.activity-view-easy .discount:last-child{ | ||
| 495 | - border-right-width: 0; | ||
| 496 | -} | ||
| 497 | -.activity-view-easy-old .activity-right{ | ||
| 498 | - min-width: 100rpx; | ||
| 499 | -} | ||
| 500 | -/* 包间预定 */ | ||
| 501 | -.room-booking { | ||
| 502 | - width:100%; | ||
| 503 | -} | ||
| 504 | -.dur{ | ||
| 505 | - width:100%; | ||
| 506 | - padding-top:42rpx; | ||
| 507 | -} | ||
| 508 | -.dur-title{ | ||
| 509 | - width:100%; | ||
| 510 | - padding:0 30rpx 40rpx; | ||
| 511 | - box-sizing: border-box; | ||
| 512 | -} | ||
| 513 | - | ||
| 514 | -.tabs{ | ||
| 515 | - height: 80rpx; | ||
| 516 | - position: fixed; | ||
| 517 | - line-height: 80rpx; | ||
| 518 | - width: 100%; | ||
| 519 | - background-color: #ffffff; | ||
| 520 | - z-index: 9; | ||
| 521 | -} | ||
| 522 | -.tabs-item{ | ||
| 523 | - width: 50%; | ||
| 524 | -} | ||
| 525 | -.tabs-item-text{ | ||
| 526 | - height: 76rpx; | ||
| 527 | - border-bottom: 4rpx solid #ffffff; | ||
| 528 | - font-size: 30rpx; | ||
| 529 | - color: #353535; | ||
| 530 | -} | ||
| 531 | -.tabs-item-text.active{ | ||
| 532 | - border-color: #C0A369; | ||
| 533 | - color: #C0A369; | ||
| 534 | - font-weight: bold; | ||
| 535 | -} | ||
| 536 | .olreserve{ | 3 | .olreserve{ |
| 537 | - margin-top: 80rpx; | ||
| 538 | padding-bottom: 200rpx; | 4 | padding-bottom: 200rpx; |
| 539 | } | 5 | } |
| 540 | .reserve-time{ | 6 | .reserve-time{ |
| 541 | padding: 40rpx 0 30rpx 30rpx; | 7 | padding: 40rpx 0 30rpx 30rpx; |
| 542 | font-size: 32rpx; | 8 | font-size: 32rpx; |
| 543 | } | 9 | } |
| 544 | -.hasFullHouse{ | ||
| 545 | - height: 100rpx; | ||
| 546 | - font-size: 30rpx; | ||
| 547 | - color: #FFFFFF; | ||
| 548 | - background-color: #999999; | ||
| 549 | - line-height: 100rpx; | ||
| 550 | - width: calc(100% - 60rpx); | ||
| 551 | - margin: 0 auto; | ||
| 552 | -} | ||
| 553 | -.more-phone{ | ||
| 554 | - width: 158rpx; | ||
| 555 | - min-width: 158rpx; | ||
| 556 | - border-left: 2rpx solid #E0E0E0; | ||
| 557 | - height: 70rpx; | ||
| 558 | - background-size: 40rpx 36rpx; | ||
| 559 | - background-position: center center; | ||
| 560 | - background-image: url("http://nosqn.colorcun.com/reserve/images/sphone.png"); | ||
| 561 | -} | ||
| 562 | .reserve-button{ | 10 | .reserve-button{ |
| 563 | width:680rpx; | 11 | width:680rpx; |
| 564 | height:80rpx; | 12 | height:80rpx; |
| @@ -573,79 +21,4 @@ | @@ -573,79 +21,4 @@ | ||
| 573 | right:0; | 21 | right:0; |
| 574 | bottom:0; | 22 | bottom:0; |
| 575 | background: #fff; | 23 | background: #fff; |
| 576 | -} | ||
| 577 | -.activity-view-tit{ | ||
| 578 | - height:42rpx; | ||
| 579 | - font-size:30rpx; | ||
| 580 | - font-family:PingFangSC-Medium,PingFang SC; | ||
| 581 | - font-weight:500; | ||
| 582 | - color:rgba(53,53,53,1); | ||
| 583 | - line-height:42rpx; | ||
| 584 | - margin-right: 42rpx; | ||
| 585 | - min-width: 60rpx; | ||
| 586 | -} | ||
| 587 | -.activity-view-activityStr{ | ||
| 588 | - white-space:nowrap; | ||
| 589 | - text-overflow: ellipsis; | ||
| 590 | - overflow: hidden; | ||
| 591 | - font-size: 26rpx; | ||
| 592 | -} | ||
| 593 | -.activity-view-blk{ | ||
| 594 | - height:34rpx; | ||
| 595 | - border-top:2rpx solid rgba(240,88,36,1); | ||
| 596 | - border-bottom:2rpx solid rgba(240,88,36,1); | ||
| 597 | - box-sizing: border-box; | ||
| 598 | - font-size:24rpx; | ||
| 599 | - font-family:PingFangSC-Medium,PingFang SC; | ||
| 600 | - font-weight:500; | ||
| 601 | - color:rgba(240,88,36,1); | ||
| 602 | - line-height:30rpx; | ||
| 603 | - margin-right: 22rpx; | ||
| 604 | - padding: 0 12rpx; | ||
| 605 | - position: relative; | ||
| 606 | - border-radius: 6rpx; | ||
| 607 | -} | ||
| 608 | -.activity-view-blk:before,.activity-view-blk:after{ | ||
| 609 | - background-size: 100% 100%; | ||
| 610 | - width: 12rpx; | ||
| 611 | - height: 34rpx; | ||
| 612 | - background-image: url("http://nosqn.colorcun.com/sellerbaobao/left-1.png"); | ||
| 613 | - content: ""; | ||
| 614 | - position: absolute; | ||
| 615 | - left:0; | ||
| 616 | - top:-2rpx; | ||
| 617 | -} | ||
| 618 | -.activity-view-blk:after{ | ||
| 619 | - background-image: url("http://nosqn.colorcun.com/sellerbaobao/right-1.png"); | ||
| 620 | - right:0; | ||
| 621 | - left:auto; | ||
| 622 | -} | ||
| 623 | -.activityStr{ | ||
| 624 | - width: calc(100% - 140rpx); | ||
| 625 | - padding-left: 100rpx; | ||
| 626 | - | ||
| 627 | - height: 36rpx; | ||
| 628 | - font-size: 26rpx; | ||
| 629 | - font-family: PingFangSC-Regular, PingFang SC; | ||
| 630 | - font-weight: 400; | ||
| 631 | - color: #353535; | ||
| 632 | - line-height: 36rpx; | ||
| 633 | - margin-top: -30rpx; | ||
| 634 | - margin-bottom: 40rpx; | ||
| 635 | - | ||
| 636 | - white-space:nowrap; | ||
| 637 | - text-overflow: ellipsis; | ||
| 638 | - overflow: hidden; | ||
| 639 | -} | ||
| 640 | -.commentLabel{ | ||
| 641 | - height: 52rpx; | ||
| 642 | - background: #F1F1F1; | ||
| 643 | - border-radius: 26rpx; | ||
| 644 | - | ||
| 645 | - font-size: 26rpx; | ||
| 646 | - font-family: PingFangSC-Regular, PingFang SC; | ||
| 647 | - font-weight: 400; | ||
| 648 | - color: #666666; | ||
| 649 | - line-height: 52rpx; | ||
| 650 | - text-align: center; | ||
| 651 | } | 24 | } |
| @@ -750,6 +750,12 @@ | @@ -750,6 +750,12 @@ | ||
| 750 | "pathName": "pages/pinglun/mylist", | 750 | "pathName": "pages/pinglun/mylist", |
| 751 | "query": "act=yunying&_act=seller&sid=80", | 751 | "query": "act=yunying&_act=seller&sid=80", |
| 752 | "scene": null | 752 | "scene": null |
| 753 | + }, | ||
| 754 | + { | ||
| 755 | + "name": "pages/reserve/reserve", | ||
| 756 | + "pathName": "pages/reserve/reserve", | ||
| 757 | + "query": "id=1&activeTab=reserve&_date=2020-02-16&_pnum=6", | ||
| 758 | + "scene": null | ||
| 753 | } | 759 | } |
| 754 | ] | 760 | ] |
| 755 | } | 761 | } |
-
Please register or login to post a comment