Commit 493ba8babe23382f73ba5ca3bf0d85d131350745

Authored by wangfan
1 parent 5ca901cf

seller

  1 +// components/book/step.js
  2 +Component({
  3 + /**
  4 + * 组件的属性列表
  5 + */
  6 + properties: {
  7 + step:Number,
  8 + },
  9 +
  10 + /**
  11 + * 组件的初始数据
  12 + */
  13 + data: {
  14 +
  15 + },
  16 +
  17 + /**
  18 + * 组件的方法列表
  19 + */
  20 + methods: {
  21 +
  22 + }
  23 +})
  1 +{
  2 + "component": true,
  3 + "usingComponents": {}
  4 +}
  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>
  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 }