Showing
9 changed files
with
103 additions
and
4 deletions
components/book/step/step.js
0 → 100644
components/book/step/step.json
0 → 100644
components/book/step/step.wxml
0 → 100644
| 1 | +<!--components/book/step.wxml--> | ||
| 2 | +<view class="flex-lr step"> | ||
| 3 | + <view class="flex-vc {{step>=1?'active':''}}"> | ||
| 4 | + <view class="cricle">1</view> | ||
| 5 | + <view class="text">录入订座</view> | ||
| 6 | + </view> | ||
| 7 | + <view class="flex-cc"> | ||
| 8 | + <view class="line"></view> | ||
| 9 | + <view class="line-right"></view> | ||
| 10 | + </view> | ||
| 11 | + <view class="flex-vc {{step>=2?'active':''}}"> | ||
| 12 | + <view class="cricle">2</view> | ||
| 13 | + <view class="text">通知预订人</view> | ||
| 14 | + </view> | ||
| 15 | + <view class="flex-cc"> | ||
| 16 | + <view class="line"></view> | ||
| 17 | + <view class="line-right"></view> | ||
| 18 | + </view> | ||
| 19 | + <view class="flex-vc {{step>=3?'active':''}}"> | ||
| 20 | + <view class="cricle">3</view> | ||
| 21 | + <view class="text">到店消费</view> | ||
| 22 | + </view> | ||
| 23 | +</view> |
components/book/step/step.wxss
0 → 100644
| 1 | +/* components/book/step.wxss */ | ||
| 2 | +@import "../../../app.wxss"; | ||
| 3 | +.step{ | ||
| 4 | + width: 90%; | ||
| 5 | + margin: 64rpx 5% 42rpx; | ||
| 6 | + color:#999999; | ||
| 7 | + font-size: 26rpx; | ||
| 8 | + font-weight: 500rpx; | ||
| 9 | +} | ||
| 10 | +.step .cricle{ | ||
| 11 | + width:40rpx; | ||
| 12 | + height: 40rpx; | ||
| 13 | + border-radius: 50%; | ||
| 14 | + border: 2rpx solid #999999; | ||
| 15 | + font-size: 34rpx; | ||
| 16 | + text-align: center; | ||
| 17 | + margin-bottom: 16rpx; | ||
| 18 | +} | ||
| 19 | + | ||
| 20 | +.step .active .cricle{ | ||
| 21 | + background-color: #262628; | ||
| 22 | + color: #FEFEFE; | ||
| 23 | +} | ||
| 24 | +.step .active .text{ | ||
| 25 | + color: #353535; | ||
| 26 | +} | ||
| 27 | +.line{ | ||
| 28 | + width: 96rpx; | ||
| 29 | + border-top: 2rpx solid #E0E0E0; | ||
| 30 | +} | ||
| 31 | +.line-right{ | ||
| 32 | + width: 24rpx; | ||
| 33 | + height: 24rpx; | ||
| 34 | + border-top: 2rpx solid #E0E0E0; | ||
| 35 | + border-right: 2rpx solid #E0E0E0; | ||
| 36 | + transform: rotate(45deg); | ||
| 37 | + margin-left: -24rpx; | ||
| 38 | +} |
| @@ -3,6 +3,7 @@ | @@ -3,6 +3,7 @@ | ||
| 3 | "navigationBarBackgroundColor": "#fff", | 3 | "navigationBarBackgroundColor": "#fff", |
| 4 | "navigationBarTextStyle":"black", | 4 | "navigationBarTextStyle":"black", |
| 5 | "usingComponents": { | 5 | "usingComponents": { |
| 6 | - "noticeCall":"/components/book/notice/notice" | 6 | + "noticeCall":"/components/book/notice/notice", |
| 7 | + "step":"/components/book/step/step" | ||
| 7 | } | 8 | } |
| 8 | } | 9 | } |
| 1 | - | 1 | +<step step="2"></step> |
| 2 | <!--商家信息--> | 2 | <!--商家信息--> |
| 3 | <view class="flex-lr seller-info"> | 3 | <view class="flex-lr seller-info"> |
| 4 | <view class="flex-ll"> | 4 | <view class="flex-ll"> |
| @@ -61,6 +61,7 @@ | @@ -61,6 +61,7 @@ | ||
| 61 | <view>{{bookInfo.cusman}}</view> | 61 | <view>{{bookInfo.cusman}}</view> |
| 62 | </view> | 62 | </view> |
| 63 | </block> | 63 | </block> |
| 64 | +<view style="height: 160rpx;"></view> | ||
| 64 | 65 | ||
| 65 | <!--通知预订人--> | 66 | <!--通知预订人--> |
| 66 | <block wx:if="{{!bookInfo.code}}"> | 67 | <block wx:if="{{!bookInfo.code}}"> |
| @@ -3,6 +3,7 @@ | @@ -3,6 +3,7 @@ | ||
| 3 | "navigationBarBackgroundColor": "#fff", | 3 | "navigationBarBackgroundColor": "#fff", |
| 4 | "navigationBarTextStyle":"black", | 4 | "navigationBarTextStyle":"black", |
| 5 | "usingComponents": { | 5 | "usingComponents": { |
| 6 | - "selectPeople":"/components/book/people/people" | 6 | + "selectPeople":"/components/book/people/people", |
| 7 | + "step":"/components/book/step/step" | ||
| 7 | } | 8 | } |
| 8 | } | 9 | } |
| 1 | +<step step="1"></step> | ||
| 1 | <view class="other-info flex-lr"> | 2 | <view class="other-info flex-lr"> |
| 2 | <view class="selected-time flex-vc" bindtap="changetime"> | 3 | <view class="selected-time flex-vc" bindtap="changetime"> |
| 3 | <view class="font30r black-font">时间</view> | 4 | <view class="font30r black-font">时间</view> |
| @@ -30,7 +30,7 @@ | @@ -30,7 +30,7 @@ | ||
| 30 | "list": [] | 30 | "list": [] |
| 31 | }, | 31 | }, |
| 32 | "miniprogram": { | 32 | "miniprogram": { |
| 33 | - "current": 0, | 33 | + "current": 11, |
| 34 | "list": [ | 34 | "list": [ |
| 35 | { | 35 | { |
| 36 | "id": 0, | 36 | "id": 0, |
| @@ -102,6 +102,13 @@ | @@ -102,6 +102,13 @@ | ||
| 102 | "pathName": "pages/customer/index", | 102 | "pathName": "pages/customer/index", |
| 103 | "query": "", | 103 | "query": "", |
| 104 | "scene": "1001" | 104 | "scene": "1001" |
| 105 | + }, | ||
| 106 | + { | ||
| 107 | + "id": 11, | ||
| 108 | + "name": "录入订座信息 b_info", | ||
| 109 | + "pathName": "pages/book/b_info", | ||
| 110 | + "query": "year=2018&date=08-23&time=18:30", | ||
| 111 | + "scene": "1001" | ||
| 105 | } | 112 | } |
| 106 | ] | 113 | ] |
| 107 | } | 114 | } |
-
Please register or login to post a comment