xt / xcx-book · Commits

Go to a project

Commit 9fd16c33975ed2f616b9a8038d2b752d64a5a11d

Authored by wangfan
1 parent bf962236
build: skipped

c端预定

Inline Side-by-side
Showing 3 changed files with 188 additions and 4 deletions
1 <!--pages/reserve/detail.wxml--> 1 <!--pages/reserve/detail.wxml-->
2 -<nav>...</nav> 2 +<nav>{{seller.seller_name}}</nav>
  3 +<view class="seller-banner">
  4 + <swiper
  5 + indicator-dots="{{false}}" autoplay="{{false}}" circular="{{false}}" vertical="{{false}}"
  6 + interval="2000" duration="500"
  7 + previous-margin="{{20}}px" next-margin="{{20}}px"
  8 + current="{{current}}" bindchange="bindtransition">
  9 + <block wx:for="{{sellers}}" wx:key="sellers.key">
  10 + <swiper-item bindtap="gotoDetail" data-sid="{{item.id}}">
  11 + <image src="" class="image" mode="aspectFill"></image>
  12 + </swiper-item>
  13 + </block>
  14 + </swiper>
  15 +</view>
3 <view class="pages"> 16 <view class="pages">
4 - 17 + <view class="seller">
  18 + <view class="base flex-vc">
  19 + <view class="name">陕西风味面馆</view>
  20 + <view class="ping flex-cc">
  21 + <view class="item flex-lr fen">
  22 + <view>*****</view>
  23 + <view>4.0分</view>
  24 + </view>
  25 + <view class="item">西北菜</view>
  26 + <view class="item">人均60元</view>
  27 + </view>
  28 + <view class="peitao flex-cc">
  29 + <view class="icon bao">包间</view>
  30 + <view class="icon ka">卡座</view>
  31 + <view class="icon car">停车场</view>
  32 + </view>
  33 + </view>
  34 + <view class="addr">
  35 + <view class="addr-text flex-ll">
  36 + <image src=""></image>
  37 + <view>高新区唐延南路35号旺座现代城D座二层</view>
  38 + </view>
  39 + <view class="addr-long">距您当前位置100m</view>
  40 + </view>
  41 + </view>
  42 + <view class="black20line"></view>
  43 + <view class="block">
  44 + <view class="header flex-ll">
  45 + <view class="line"></view>
  46 + <view class="name">包间环境</view>
  47 + </view>
  48 + <scroll-view
  49 + scroll-y
  50 + style="height: 200px;"
  51 + bindscrolltoupper="upper"
  52 + bindscrolltolower="lower"
  53 + bindscroll="scroll"
  54 + scroll-into-view="{{toView}}"
  55 + scroll-top="{{scrollTop}}"
  56 + >
  57 + <view id="green" class="scroll-view-item bc_green"></view>
  58 + <view id="red" class="scroll-view-item bc_red"></view>
  59 + <view id="yellow" class="scroll-view-item bc_yellow"></view>
  60 + <view id="blue" class="scroll-view-item bc_blue"></view>
  61 + </scroll-view>
  62 + </view>
  63 + <view class="block">
  64 + <view class="header flex-ll">
  65 + <view class="line"></view>
  66 + <view class="name">包间环境</view>
  67 + </view>
  68 + <scroll-view
  69 + scroll-y
  70 + style="height: 200px;"
  71 + bindscrolltoupper="upper"
  72 + bindscrolltolower="lower"
  73 + bindscroll="scroll"
  74 + scroll-into-view="{{toView}}"
  75 + scroll-top="{{scrollTop}}"
  76 + >
  77 + <view id="green" class="scroll-view-item bc_green"></view>
  78 + <view id="red" class="scroll-view-item bc_red"></view>
  79 + <view id="yellow" class="scroll-view-item bc_yellow"></view>
  80 + <view id="blue" class="scroll-view-item bc_blue"></view>
  81 + </scroll-view>
  82 + </view>
5 </view> 83 </view>
1 -/* pages/reserve/detail.wxss */  
  1 +/* pages/reserve/detail.wxss */
  2 +.pages{
  3 + width: 90%;
  4 + margin: 0 auto;
  5 + font-size: 30rpx;
  6 + color:#353535;
  7 + padding-bottom: 200rpx;
  8 +}
  9 +.seller-banner{
  10 + width: 100%;
  11 + height: 400rpx;
  12 +}
  13 +.seller-banner .image{
  14 + width: 100%;
  15 + height: 100%;
  16 +}
  17 +.black20line{
  18 + width: 110%;
  19 + margin-left: -5%;
  20 + height: 20rpx;
  21 + background-color: #F5F5F5;
  22 +}
  23 +
  24 +.seller .base{
  25 + padding: 40rpx 0;
  26 +}
  27 +.base .name{
  28 + font-size: 36rpx;
  29 + height: 50rpx;
  30 + line-height: 50rpx;
  31 + margin-bottom: 10rpx;
  32 +}
  33 +.base .ping,.base .peitao{
  34 + height: 34rpx;
  35 + line-height: 34rpx;
  36 + color:#999999;
  37 + font-size: 24rpx;
  38 +}
  39 +.base .ping .item{
  40 + height: 24rpx;
  41 + line-height: 24rpx;
  42 + padding-left: 14rpx;
  43 + border-left: 2rpx solid #999999;
  44 + margin-left: 20rpx;
  45 +}
  46 +.base .ping .item:first-child{
  47 + border-width: 0;
  48 + margin-left: 0;
  49 + padding-left: 0;
  50 +}
  51 +.base .peitao{
  52 + margin-top: 10rpx;
  53 +}
  54 +
  55 +
  56 +.seller .addr{
  57 + height: 152rpx;
  58 + border-top: 2rpx solid #f5f5f5;
  59 +}
  60 +
  61 +.addr-text{
  62 + height: 42rpx;
  63 + line-height: 42rpx;
  64 + margin-top: 34rpx;
  65 +}
  66 +.addr-text image{
  67 + width: 24rpx;
  68 + height: 28rpx;
  69 + margin-right: 20rpx;
  70 +}
  71 +.addr-long{
  72 + font-size: 24rpx;
  73 + color:#999999;
  74 + margin-left: 44rpx;
  75 + height: 34rpx;
  76 + line-height: 34rpx;
  77 + margin-top: 2rpx;
  78 +}
  79 +
  80 +.block{
  81 + padding: 80rpx 0 60rpx;
  82 +}
  83 +.block .header{
  84 + height: 44rpx;
  85 + line-height: 44rpx;
  86 +}
  87 +.block .line{
  88 + height: 44rpx;
  89 + width: 4rpx;
  90 + background: linear-gradient(to bottom, #838383, #4C4C4C);
  91 + margin-right: 4rpx;
  92 +}
  93 +.block .name{
  94 + height: 44rpx;
  95 + width: 124rpx;
  96 + background: linear-gradient(to bottom, #838383, #4C4C4C);
  97 + font-size: 24rpx;
  98 + color: #FFFFFF;
  99 + text-align: center;
  100 +}
@@ -31,7 +31,7 @@ @@ -31,7 +31,7 @@
31 "list": [] 31 "list": []
32 }, 32 },
33 "miniprogram": { 33 "miniprogram": {
34 - "current": 38, 34 + "current": 39,
35 "list": [ 35 "list": [
36 { 36 {
37 "id": 0, 37 "id": 0,
@@ -328,6 +328,13 @@ @@ -328,6 +328,13 @@
328 "pathName": "pages/book/b_index", 328 "pathName": "pages/book/b_index",
329 "query": "seller_id=1&manage_id=1902&seller_openid=oGefL4uTmdsQn214CFZTVlHAfhnQ", 329 "query": "seller_id=1&manage_id=1902&seller_openid=oGefL4uTmdsQn214CFZTVlHAfhnQ",
330 "scene": "1001" 330 "scene": "1001"
  331 + },
  332 + {
  333 + "id": -1,
  334 + "name": "pages/reserve/detail 在线订座",
  335 + "pathName": "pages/reserve/detail",
  336 + "query": "id=80",
  337 + "scene": null
331 } 338 }
332 ] 339 ]
333 } 340 }