wxd / MShopWeApp

Commit f51c01b1f35fe05349bc8337c56f764190deea22

Authored by iceling
1 parent d56b9207

预约所有页面提交

Inline Side-by-side
Showing 31 changed files with 1823 additions and 124 deletions
pages/user/Appment_main/Appment_main.js
  View file @f51c01b
1   -var e = getApp(), a = e.globalData.setting, os = a, t = e.request;
  1 +var e = getApp(),
  2 + a = e.globalData.setting,
  3 + os = a,
  4 + t = e.request;
2 5 Page({
3 6  
4 7 /**
5 8 * 页面的初始数据
6 9 */
7 10 data: {
8   - iurl: a.imghost,
  11 + iurl: a.imghost, //服务器网址
  12 + store: 0, //是否显示服务门店列表
  13 + beautician: 0, //是否显示美容师列表
  14 + beautician_name: "", //选中的美容师名称
  15 + placeholder: "填写备注",//备注为空的placeholder
  16 + },
  17 + onclickstore: function() {
  18 + var th = this;
  19 + var store = th.data.store;
  20 + if (store) {
  21 + th.setData({
  22 + store: 0
  23 + })
  24 + } else {
  25 + th.setData({
  26 + store: 1,
  27 + placeholder:""
  28 + })
  29 + }
  30 + },
  31 + onclickbea: function(e) {
  32 + var th = this;
  33 + var beautician = th.data.beautician;
  34 + var beaname = e.currentTarget.dataset.beaname;
  35 + if (beautician) {
  36 + // 判断是否选择美容师没有的话就把美容师列表收起来
  37 + if (beaname != undefined) {
  38 + th.setData({
  39 + beautician: 0,
  40 + beautician_name: beaname,
  41 + placeholder: "填写备注"
  42 + })
  43 + } else {
  44 + th.setData({
  45 + beautician: 0,
  46 + placeholder: "填写备注"
  47 + })
  48 + }
  49 + } else {
  50 + th.setData({
  51 + beautician: 1,
  52 + placeholder: ""
  53 + })
  54 + }
9 55 },
10   -
11 56 /**
12 57 * 生命周期函数--监听页面加载
13 58 */
14   - onLoad: function (options) {
  59 + onLoad: function(options) {
15 60  
16 61 },
17 62  
18 63 /**
19 64 * 生命周期函数--监听页面显示
20 65 */
21   - onShow: function () {
  66 + onShow: function() {
22 67  
23 68 }
24 69 })
25 70 \ No newline at end of file
... ...
pages/user/Appment_main/Appment_main.wxml
  View file @f51c01b
... ... @@ -11,12 +11,11 @@
11 11 </view>
12 12  
13 13 <!-- 选择门店 -->
14   - <view class="flex-vertical-between fs26 select">
15   - <input placeholder="选择服务门店" />
  14 + <view class="flex-vertical-between fs26 select" bindtap="onclickstore">
  15 + <view class="color value ellipsis-1">选择服务门店</view>
16 16 <view class="angle">∟</view>
17 17 </view>
18 18 </view>
19   -
20 19 <!-- 选择美容师 -->
21 20 <view class="flex-vertical mabot">
22 21 <!-- 门店 -->
... ... @@ -27,11 +26,24 @@
27 26 </view>
28 27  
29 28 <!-- 选择门店 -->
30   - <view class="flex-vertical-between fs26 Cosmetology">
31   - <input placeholder="选择美容师" />
32   - <view class="angle">∟</view>
  29 + <view class="rel fs26">
  30 + <view class="flex-vertical-between Cosmetology" bindtap="onclickbea">
  31 + <view class="color value ellipsis-1">{{beautician_name==''?'选择美容师':beautician_name}}</view>
  32 + <view class="angle">∟</view>
  33 + </view>
  34 + <!-- 美容师下拉列表 -->
  35 + <view class="beauticians abs" wx:if="{{beautician}}">
  36 + <!-- 到时候要做判断如果是index==循环的最后一个则把下边线去掉:(beaclone去掉的css) -->
  37 + <view class="beautician flex-vertical fs26" wx:for="111111" bindtap="onclickbea" data-beaname="钱巧玲">
  38 + <view>钱巧玲</view>
  39 + </view>
  40 + <view>
  41 + </view>
  42 + </view>
33 43 </view>
34   - <image class="user" src="{{iurl}}/miniapp/images/yyservice/user.png"></image>
  44 + <navigator class="flex-center" url="/pages/user/Cosmetology_list/Cosmetology_list">
  45 + <image class="user" src="{{iurl}}/miniapp/images/yyservice/user.png"></image>
  46 + </navigator>
35 47 </view>
36 48  
37 49 <!-- 选择时间 -->
... ... @@ -42,10 +54,10 @@
42 54 </view>
43 55  
44 56 <!-- 选择门店 -->
45   - <view class="flex-vertical-between fs26 select">
46   - <input placeholder="选择时间" />
47   - <view class="angle">∟</view>
48   - </view>
  57 + <navigator class="flex-vertical-between fs26 select" url="/pages/user/beauty_deta/beauty_deta">
  58 + <view class="color">选择时间</view>
  59 + <view class="angle angler">∟</view>
  60 + </navigator>
49 61 </view>
50 62  
51 63 <!-- 备注 -->
... ... @@ -55,16 +67,19 @@
55 67 <view>备</view>
56 68 <view>注</view>
57 69 </view>
58   - <view class="flex">
59   - <textarea placeholder="剩余可预约人数10人" placeholder-class="fs26">
  70 + <view class="flex fs26">
  71 + <textarea disabled="{{store || beautician}}" placeholder="{{placeholder}}" placeholder-class="fs26 color" value="">
60 72 </textarea>
61 73 </view>
62 74 </view>
  75 + <view class="notes flex-level-right fs24 color">
  76 + <view>注：剩余可预约人数10人</view>
  77 + </view>
63 78  
64 79 <view class="submitMax flex-space-between fs30">
65   - <view class="appment flex-center">
  80 + <navigator class="appment flex-center" url="/pages/user/tment_order_list/tment_order_list">
66 81 <view>我的预约</view>
67   - </view>
  82 + </navigator>
68 83 <view class="sub_appment flex-center">
69 84 <view>提交预约</view>
70 85 </view>
... ... @@ -76,26 +91,48 @@
76 91 <view>预约成功</view>
77 92 </view>
78 93 </block>
79   -
80   -
81   -
82   -
83 94 </view>
84 95  
  96 +</view>
85 97  
86   -
87   -
88   -
89   -
90   -
91   -
92   -
93   -
94   -
95   -
96   -
97   -
98   -
99   -
100   -
101   -</view>
102 98 \ No newline at end of file
  99 +<!-- 门店列表显示 -->
  100 +<view wx:if="{{store}}" class="storeList fixed">
  101 + <view class="choice flex-vertical-between fs32 storeListpadd">
  102 + <view>选择服务门店</view>
  103 + <icon bindtap="onclickstore" color="black" size="22" type="cancel"></icon>
  104 + </view>
  105 + <view class="searchbar flex-vertical-between storeListpadd">
  106 + <input class="inputstore fs28" placeholder="输入要搜索的门店" placeholder-class="fs28" maxlength="16" />
  107 + <view class="search flex-center">
  108 + <view class="fs28">搜索</view>
  109 + </view>
  110 + </view>
  111 + <!-- 选择门店 -->
  112 + <view class="stores">
  113 + <view class="store flex-vertical" wx:for="11111111">
  114 + <block wx:if="{{false}}">
  115 + <icon class="icon" type="success" color="red" size="20"></icon>
  116 + </block>
  117 + <block wx:else>
  118 + <view class="circular"></view>
  119 + </block>
  120 + <view class="store_name_dis">
  121 + <view class="name_dis flex-vertical-between">
  122 + <view class="store_name fs28 ellipsis-1">泉州开元盛世广场店</view>
  123 + <view class="store_dis flex fs22">
  124 + <view class="ellipsis-1">距您: 728m</view>
  125 + </view>
  126 + </view>
  127 + <view class="store_address fs24 ellipsis-2">地址:福建省泉州市鲤城区开元盛世广场248-257店面</view>
  128 + </view>
  129 + </view>
  130 + </view>
  131 + <!-- sub -->
  132 + <view class="flex-center fs32">
  133 + <view class="determine flex-center">
  134 + <view>确定</view>
  135 + </view>
  136 + </view>
  137 +</view>
  138 +<!-- 蒙尘 -->
  139 +<view wx:if="{{store}}" class="disgraceful" bindtap="onclickstore"></view>
103 140 \ No newline at end of file
... ...
pages/user/Appment_main/Appment_main.wxss
  View file @f51c01b
1   -.container{
  1 +.container {
2 2 border-top: 7rpx solid rgb(245, 245, 245);
3 3 }
  4 +
4 5 .main {
5 6 width: 100%;
6 7 height: 305rpx;
... ... @@ -11,11 +12,17 @@
11 12 margin-right: 15rpx;
12 13 margin-bottom: 10rpx;
13 14 font-size: 26rpx;
  15 + color: rgb(142,142,142);
  16 +}
  17 +.angler{
  18 + transform: rotate(227deg);
  19 + margin-bottom: 0rpx;
14 20 }
15 21  
16 22 .user {
17 23 width: 40rpx;
18 24 height: 45rpx;
  25 + margin-left: 15rpx;
19 26 }
20 27  
21 28 .Fram {
... ... @@ -47,7 +54,7 @@
47 54 .appment, .sub_appment {
48 55 width: 270rpx;
49 56 height: 55rpx;
50   - border-radius: 25rpx;
  57 + border-radius: 40rpx;
51 58 }
52 59  
53 60 .appment {
... ... @@ -56,22 +63,25 @@
56 63  
57 64 .sub_appment {
58 65 background-color: rgb(214, 1, 33);
59   - color: rgb(255, 255, 255);
  66 + color: rgb(255, 255, 255);
60 67 }
61 68  
62 69 .head {
63   - width: 115rpx;
  70 + width: 112rpx;
64 71 margin-right: 40rpx;
  72 + height: 50rpx;
  73 + line-height: 50rpx;
65 74 }
66 75  
67 76 textarea {
68   - width: 435rpx;
  77 + width: 420rpx;
69 78 background-color: rgb(238, 238, 238);
70 79 border-radius: 10rpx;
71   - height: 115rpx;
  80 + height: 130rpx;
72 81 padding-left: 40rpx;
73   - padding-top: 20rpx;
74   - margin-bottom: 60rpx;
  82 + padding-right: 15rpx;
  83 + padding-top: 15rpx;
  84 + padding-bottom: 15rpx;
75 85 }
76 86  
77 87 .mabot {
... ... @@ -89,19 +99,163 @@ textarea {
89 99 }
90 100  
91 101 .Cosmetology {
92   - padding-left: 40rpx;
  102 + padding-left: 40rpx;
93 103 padding-right: 15rpx;
94 104 width: 365rpx;
95 105 background-color: rgb(238, 238, 238);
96 106 height: 50rpx;
97 107 line-height: 50rpx;
98 108 border-radius: 10rpx;
99   - margin-right: 15rpx;
100 109 }
  110 +
  111 +.beauticians{
  112 + width: 407rpx;
  113 + z-index: 3;
  114 + top: 45rpx;
  115 + left: 0rpx;
  116 + padding: 0rpx 5rpx;
  117 + border: 2rpx solid rgb(238, 238, 238);
  118 + background-color: rgb(255, 255, 255);
  119 +}
  120 +
  121 +.beautician {
  122 + height: 60rpx;
  123 + border-bottom: 2rpx solid rgb(238, 238, 238);
  124 + padding-left: 25rpx;
  125 +}
  126 +.beaclone{
  127 + border-bottom: 0rpx;
  128 +}
  129 +.notes {
  130 + margin-top: 15rpx;
  131 + margin-bottom: 60rpx;
  132 + margin-right: 8rpx;
  133 +}
  134 +
  135 +.color {
  136 + color: rgb(172, 172, 172);
  137 +}
  138 +
101 139 .submitMax {
102 140 margin-top: 50rpx;
103 141 padding: 0rpx 15rpx;
104 142 }
105   -.Remarks{
  143 +
  144 +.Remarks {
106 145 margin-top: 15rpx;
  146 +}
  147 +
  148 +/* 蒙尘 */
  149 +
  150 +.disgraceful {
  151 + position: fixed;
  152 + z-index: 3;
  153 + width: 100%;
  154 + height: 100%;
  155 + top: 0rpx;
  156 + left: 0rpx;
  157 + background-color: rgba(0, 0, 0, 0.4);
  158 +}
  159 +
  160 +.storeList {
  161 + z-index: 4;
  162 + left: 0rpx;
  163 + border-top-left-radius: 25rpx;
  164 + border-top-right-radius: 25rpx;
  165 + background-color: rgb(255, 255, 255);
  166 + width: 100%;
  167 + padding: 45rpx 0rpx;
  168 +}
  169 +
  170 +.storeListpadd {
  171 + padding: 0rpx 31rpx;
  172 +}
  173 +
  174 +.choice {
  175 + margin-bottom: 5rpx;
  176 +}
  177 +
  178 +.inputstore {
  179 + width: 510rpx;
  180 + height: 43rpx;
  181 + line-height: 43rpx;
  182 + border-radius: 30rpx;
  183 + border: 2rpx solid rgb(238, 238, 238);
  184 + padding-left: 30rpx;
  185 +}
  186 +
  187 +.searchbar {
  188 + height: 95rpx;
  189 + border-bottom: 2rpx solid rgb(238, 238, 238);
  190 +}
  191 +
  192 +.search {
  193 + width: 125rpx;
  194 + height: 45rpx;
  195 + line-height: 45rpx;
  196 + background-color: rgb(219, 27, 52);
  197 + border-radius: 30rpx;
  198 + color: rgb(255, 255, 255);
  199 +}
  200 +
  201 +.stores {
  202 + height: 468rpx;
  203 + overflow-y: scroll;
  204 +}
  205 +
  206 +.store {
  207 + margin: 0rpx 16rpx;
  208 + padding-right: 15rpx;
  209 + border-bottom: 2rpx solid rgb(238, 238, 238);
  210 + padding: 20rpx 0rpx;
  211 +}
  212 +
  213 +.icon {
  214 + padding: 0rpx 15rpx;
  215 +}
  216 +
  217 +.circular {
  218 + width: 38rpx;
  219 + height: 38rpx;
  220 + border-radius: 50%;
  221 + border: 2rpx solid rgb(52, 52, 52);
  222 + margin: 0rpx 15rpx;
  223 +}
  224 +
  225 +.store_name_dis {
  226 + width: 90%;
  227 +}
  228 +
  229 +.name_dis {
  230 + margin-bottom: 5rpx;
  231 +}
  232 +
  233 +.store_name {
  234 + max-width: 420rpx;
  235 +}
  236 +
  237 +.store_dis {
  238 + height: 30rpx;
  239 + padding: 5rpx 15rpx;
  240 + background-color: rgb(227, 227, 227);
  241 + border-radius: 25rpx;
  242 + margin-right: 20rpx;
  243 + color: rgb(159, 159, 159);
  244 + max-width: 150rpx;
  245 +}
  246 +
  247 +.store_address {
  248 + color: rgb(159, 159, 159);
  249 +}
  250 +
  251 +.determine {
  252 + background-color: rgb(196, 24, 26);
  253 + width: 500rpx;
  254 + border-radius: 35rpx;
  255 + height: 60rpx;
  256 + color: rgb(255, 255, 255);
  257 + margin: 20rpx 0rpx;
  258 +}
  259 +.value{
  260 + max-width: 300rpx;
107 261 }
108 262 \ No newline at end of file
... ...
pages/user/Cosmetology_list/Cosmetology_list.js
  View file @f51c01b
1   -var e = getApp(), a = e.globalData.setting, os = a, t = e.request;
  1 +var e = getApp(),
  2 + a = e.globalData.setting,
  3 + os = a,
  4 + t = e.request;
2 5 Page({
3 6  
4 7 /**
... ... @@ -11,56 +14,15 @@ Page({
11 14 /**
12 15 * 生命周期函数--监听页面加载
13 16 */
14   - onLoad: function (options) {
15   -
16   - },
17   -
18   - /**
19   - * 生命周期函数--监听页面初次渲染完成
20   - */
21   - onReady: function () {
  17 + onLoad: function(options) {
22 18  
23 19 },
24 20  
25 21 /**
26 22 * 生命周期函数--监听页面显示
27 23 */
28   - onShow: function () {
29   -
30   - },
31   -
32   - /**
33   - * 生命周期函数--监听页面隐藏
34   - */
35   - onHide: function () {
36   -
37   - },
38   -
39   - /**
40   - * 生命周期函数--监听页面卸载
41   - */
42   - onUnload: function () {
43   -
44   - },
45   -
46   - /**
47   - * 页面相关事件处理函数--监听用户下拉动作
48   - */
49   - onPullDownRefresh: function () {
50   -
51   - },
52   -
53   - /**
54   - * 页面上拉触底事件的处理函数
55   - */
56   - onReachBottom: function () {
  24 + onShow: function() {
57 25  
58 26 },
59 27  
60   - /**
61   - * 用户点击右上角分享
62   - */
63   - onShareAppMessage: function () {
64   -
65   - }
66 28 })
67 29 \ No newline at end of file
... ...
pages/user/Cosmetology_list/Cosmetology_list.wxml
  View file @f51c01b
... ... @@ -2,7 +2,7 @@
2 2 <image class="appointment" src="{{iurl}}/miniapp/images/yyservice/Cosm_appo.png"></image>
3 3  
4 4 <!-- 总预约 -->
5   - <view>
  5 + <view wx:if="{{true}}">
6 6 <!-- 当个预约 -->
7 7 <view class="single" wx:for="1111">
8 8 <!-- 个人属性 -->
... ... @@ -15,6 +15,7 @@
15 15 <!-- 评价星数 -->
16 16 <view class="flex" style="margin-top:10rpx;">
17 17 <image class="Stars" src="{{iurl}}/miniapp/images/StarsredCk.png" wx:for="11111"></image>
  18 + <!-- images/StarswhiteUnCk.png//白色星星地址 -->
18 19 </view>
19 20 <!-- 个人标签 -->
20 21 <view class="Label fs22 flex" wx:if="{{true}}">
... ... @@ -33,10 +34,10 @@
33 34 </view>
34 35  
35 36 <!-- 预约状态 -->
36   - <block wx:if="{{false}}">
37   - <view class="flex-center gofu go">
  37 + <block wx:if="{{true}}">
  38 + <navigator class="flex-center gofu go" url="/pages/user/beauty_deta/beauty_deta">
38 39 <view class="fs24">预约</view>
39   - </view>
  40 + </navigator>
40 41 </block>
41 42 <block wx:else>
42 43 <view class="flex-center gofu gofull">
... ... @@ -55,10 +56,16 @@
55 56 </view>
56 57 </view>
57 58 </view>
58   -
59   -
60   -
61   -
62   -
63   -
  59 +</view>
  60 +<!-- 无美容师 -->
  61 +<view class="empty_order" wx:if="{{false}}">
  62 + <view class="flex-level">
  63 + <image src="{{iurl}}miniapp/images/yyservice/no_beauty.png"></image>
  64 + </view>
  65 + <view class="flex-level fs30 xc-ash">暂无美容师</view>
  66 + <view class="flex-level">
  67 + <navigator url="/pages/user/my_service/my_service" bindtap="goto">
  68 + <view class="flex-center fs28 white">其他项目</view>
  69 + </navigator>
  70 + </view>
64 71 </view>
65 72 \ No newline at end of file
... ...
pages/user/Cosmetology_list/Cosmetology_list.wxss
  View file @f51c01b
  1 +page{
  2 + height: 100%;
  3 + background-color: rgb(238, 238, 238);
  4 +}
  5 +.container{
  6 + background-color: rgb(255,255,255);
  7 +}
1 8 .appointment {
2 9 width: 100%;
3 10 height: 305rpx;
... ... @@ -75,3 +82,26 @@
75 82 text-indent: 2em;
76 83 color: rgb(103, 103, 103);
77 84 }
  85 +/* 无订单 */
  86 +.empty_order image {
  87 + width: 330rpx;
  88 + height: 280rpx;
  89 + margin-top: 120rpx;
  90 +}
  91 +
  92 +.empty_order .xc-ash {
  93 + margin-top: 10rpx;
  94 + font-weight: 600px;
  95 +}
  96 +
  97 +.empty_order navigator {
  98 + margin-top: 60rpx;
  99 + border-radius: 40rpx;
  100 +}
  101 +
  102 +.empty_order navigator view {
  103 + width: 247rpx;
  104 + height: 56rpx;
  105 + background-color: rgb(255, 72, 72);
  106 + border-radius: 40rpx;
  107 +}
78 108 \ No newline at end of file
... ...
pages/user/beauty_deta/beauty_deta.js 0 → 100644
  View file @f51c01b
  1 +var e = getApp(), a = e.globalData.setting, os = a, t = e.request;
  2 +Page({
  3 +
  4 + /**
  5 + * 页面的初始数据
  6 + */
  7 + data: {
  8 + iurl: a.imghost,
  9 + },
  10 +
  11 + /**
  12 + * 生命周期函数--监听页面加载
  13 + */
  14 + onLoad: function (options) {
  15 +
  16 + },
  17 +
  18 + /**
  19 + * 生命周期函数--监听页面初次渲染完成
  20 + */
  21 + onReady: function () {
  22 +
  23 + },
  24 +
  25 + /**
  26 + * 生命周期函数--监听页面显示
  27 + */
  28 + onShow: function () {
  29 +
  30 + },
  31 +
  32 + /**
  33 + * 生命周期函数--监听页面隐藏
  34 + */
  35 + onHide: function () {
  36 +
  37 + },
  38 +
  39 + /**
  40 + * 生命周期函数--监听页面卸载
  41 + */
  42 + onUnload: function () {
  43 +
  44 + },
  45 +
  46 + /**
  47 + * 页面相关事件处理函数--监听用户下拉动作
  48 + */
  49 + onPullDownRefresh: function () {
  50 +
  51 + },
  52 +
  53 + /**
  54 + * 页面上拉触底事件的处理函数
  55 + */
  56 + onReachBottom: function () {
  57 +
  58 + },
  59 +
  60 + /**
  61 + * 用户点击右上角分享
  62 + */
  63 + onShareAppMessage: function () {
  64 +
  65 + }
  66 +})
0 67 \ No newline at end of file
... ...
pages/user/beauty_deta/beauty_deta.json 0 → 100644
  View file @f51c01b
  1 +{
  2 + "navigationBarTitleText": "美容师详情"
  3 +}
0 4 \ No newline at end of file
... ...
pages/user/beauty_deta/beauty_deta.wxml 0 → 100644
  View file @f51c01b
  1 +<view class="container">
  2 + <view class="backcolor"></view>
  3 +
  4 +
  5 + <view class="comments">
  6 + <!-- 个人信息 -->
  7 + <view class="Personal">
  8 + <view class="name fs36 ellipsis-1">兰陵王</view>
  9 + <image class="head" src="{{iurl}}/miniapp/images/yyservice/Cosm_appo.png"></image>
  10 +
  11 + <view class="introduce fs26">
  12 + <block wx:if="{{true}}">
  13 + 在职业培训、职业技能鉴定与企业用人要求之间建立一-个有效实用的联系,经研究决定,以《职业技能鉴定国家题库操作技能考试手册》的方式，向全社会公布国家题库扬权技能张甲成试题库的全部内容。
  14 + </block>
  15 + <block wx:else>
  16 + 暂无介绍
  17 + </block>
  18 + </view>
  19 + </view>
  20 +
  21 + <view>
  22 + <view class="fs36" style="margin-bottom:35rpx;">服务预约</view>
  23 + <scroll-view class="scroll-h fs26 " scroll-x>
  24 + <view class="rel" wx:for="111111" style="display: inline-block;">
  25 + <view class="scroll-item-h bd {{index==0?'chbd':''}}">
  26 + <view>今天</view>
  27 + <view>09月10日</view>
  28 + </view>
  29 + <block wx:if="{{index==0}}">
  30 + <view class="abs box"></view>
  31 + </block>
  32 + </view>
  33 +
  34 + </scroll-view>
  35 +
  36 + <!-- 选择时间 -->
  37 + <view class="Times">
  38 + <view class="flex-center" wx:for="111110000000" style="display:inline-block;">
  39 +
  40 + <view class="Time flex-center {{index==0?'chTime':'nochTime'}}">
  41 + <view>
  42 + <view class="fs26">09:00</view>
  43 + <block wx:if="{{flase}}">
  44 + <view class="fs24">约满</view>
  45 + </block>
  46 + </view>
  47 + </view>
  48 + </view>
  49 + </view>
  50 +
  51 + <view class="choice flex-center fs32">
  52 + <view>确定选择</view>
  53 + </view>
  54 +
  55 + </view>
  56 +
  57 +
  58 +
  59 +
  60 + </view>
  61 +
  62 +</view>
0 63 \ No newline at end of file
... ...
pages/user/beauty_deta/beauty_deta.wxss 0 → 100644
  View file @f51c01b
  1 +.container {
  2 + border-top: 7rpx solid rgb(245, 245, 245);
  3 +}
  4 +
  5 +.backcolor {
  6 + position: absolute;
  7 + top: 0rpx;
  8 + left: 0rpx;
  9 + z-index: 0;
  10 + width: 100%;
  11 + height: 270rpx;
  12 + background-color: rgb(214, 1, 33);
  13 +}
  14 +
  15 +.comments {
  16 + position: absolute;
  17 + top: 45rpx;
  18 + left: 0rpx;
  19 + z-index: 1;
  20 + padding: 0rpx 23rpx;
  21 +}
  22 +
  23 +.name {
  24 + font-weight: bold;
  25 + float: left;
  26 + width: 250rpx;
  27 +}
  28 +
  29 +.head {
  30 + width: 130rpx;
  31 + height: 130rpx;
  32 + border-radius: 50%;
  33 + float: right;
  34 + margin: 0rpx 15rpx;
  35 + border: 2rpx solid red;
  36 +}
  37 +
  38 +.introduce {
  39 + margin-top: 90rpx;
  40 + text-indent: 2em;
  41 + color: rgb(102, 102, 102);
  42 +}
  43 +
  44 +.Personal {
  45 + width: 640rpx;
  46 + height: 300rpx;
  47 + background-color: rgb(255, 255, 255);
  48 + border-radius: 5rpx;
  49 + box-shadow: 0rpx 2rpx 2rpx 2rpx rgb(250, 228, 230);
  50 + margin-bottom: 65rpx;
  51 + padding-top: 40rpx;
  52 + padding-left: 35rpx;
  53 + padding-right: 35rpx;
  54 +}
  55 +
  56 +.choice {
  57 + width: 704rpx;
  58 + height: 70rpx;
  59 + background-color: rgb(214, 1, 33);
  60 + color: rgb(255, 255, 255);
  61 +}
  62 +
  63 +.scroll-h {
  64 + white-space: nowrap;
  65 + width: 704rpx;
  66 + margin-bottom: 25rpx;
  67 + overflow: visible;
  68 + height: 125rpx;
  69 + color: transparent;
  70 +}
  71 +
  72 +.scroll-item-h {
  73 + display: inline-block;
  74 + width: 172rpx;
  75 + text-align: center;
  76 + overflow: visible;
  77 + height: 70rpx;
  78 + padding: 15rpx 0rpx;
  79 +}
  80 +::-webkit-scrollbar{
  81 + width: 0;
  82 + height: 0;
  83 + color: transparent;
  84 +}
  85 +.box {
  86 + width: 0px;
  87 + height: 0px;
  88 + margin-left: 15rpx;
  89 + border-top: 21rpx solid transparent;
  90 + border-right: 21rpx solid transparent;
  91 + border-left: 21rpx solid transparent;
  92 + display: inline-block;
  93 + transform: rotate(180deg);
  94 + border-bottom: 21rpx solid rgb(214, 1, 33);
  95 +}
  96 +
  97 +.bd {
  98 + border: 2rpx solid rgb(238, 238, 238);
  99 + background-color: rgb(255, 255, 255);
  100 + color: rgb(20, 20, 20);
  101 +}
  102 +
  103 +.chbd {
  104 + border: 2rpx solid rgb(214, 1, 33);
  105 + background-color: rgb(214, 1, 33);
  106 + color: rgb(255, 255, 255);
  107 +}
  108 +
  109 +.Times {
  110 + background-color: rgb(238, 243, 247);
  111 + margin-bottom: 30rpx;
  112 + width: 704rpx;
  113 +}
  114 +
  115 +.Time {
  116 + border: 2rpx solid rgb(238, 238, 238);
  117 + width: 172rpx;
  118 + height: 70rpx;
  119 + background-color: rgb(255, 255, 255);
  120 + text-align: center;
  121 + padding-top: 15rpx;
  122 + padding-bottom: 15rpx;
  123 +}
  124 +.chTime{
  125 + border-color: rgb(214, 1, 33);
  126 +}
  127 +.nochTime{
  128 + color: rgb(174,177,177);
  129 + background-color: rgb(250,250,250);
  130 +}
  131 +.abs {
  132 + left: 55rpx;
  133 + bottom: -39rpx;
  134 +}
... ...
pages/user/hist_service/hist_service.js
  View file @f51c01b
1   -var e = getApp(), a = e.globalData.setting, os = a, t = e.request;
  1 +var e = getApp(),
  2 + a = e.globalData.setting,
  3 + os = a,
  4 + t = e.request;
2 5 Page({
3 6  
4 7 /**
... ... @@ -6,61 +9,100 @@ Page({
6 9 */
7 10 data: {
8 11 iurl: a.imghost,
  12 + isPickerShow: false,
  13 + isPickerRender: false,
  14 + startTime: 0,
  15 + endTime: 0,
  16 + pickerConfig: {
  17 + endDate: true,
  18 + column: "",
  19 + dateLimit: true,
  20 + initStartTime: "2019-01-01 12:32:44",
  21 + initEndTime: "2019-12-01 12:32:44",
  22 + limitStartTime: "1917-05-06 12:32:44",
  23 + limitEndTime: "2055-05-06 12:32:44"
  24 + },
  25 + },
  26 + pickerShow: function() {
  27 + this.setData({
  28 + isPickerShow: true,
  29 + isPickerRender: true,
  30 + chartHide: true
  31 + });
  32 + },
  33 + pickerHide: function() {
  34 + var th = this;
  35 + th.setData({
  36 + isPickerShow: false,
  37 + chartHide: false
  38 + });
  39 + },
  40 + //--选择时间--
  41 + setPickerTime: function(val) {
  42 + let data = val.detail,
  43 + gl_data = getApp().globalData,
  44 + th = this;
  45 + th.setData({
  46 + startTime: data.startTime,
  47 + endTime: data.endTime,
  48 + val: 0,
  49 + distance: 0,
  50 + });
  51 + console.log("开始" + data.startTime + "结束" + data.endTime, );
9 52 },
10   -
11 53 /**
12 54 * 生命周期函数--监听页面加载
13 55 */
14   - onLoad: function (options) {
  56 + onLoad: function(options) {
15 57  
16 58 },
17 59  
18 60 /**
19 61 * 生命周期函数--监听页面初次渲染完成
20 62 */
21   - onReady: function () {
  63 + onReady: function() {
22 64  
23 65 },
24 66  
25 67 /**
26 68 * 生命周期函数--监听页面显示
27 69 */
28   - onShow: function () {
  70 + onShow: function() {
29 71  
30 72 },
31 73  
32 74 /**
33 75 * 生命周期函数--监听页面隐藏
34 76 */
35   - onHide: function () {
  77 + onHide: function() {
36 78  
37 79 },
38 80  
39 81 /**
40 82 * 生命周期函数--监听页面卸载
41 83 */
42   - onUnload: function () {
  84 + onUnload: function() {
43 85  
44 86 },
45 87  
46 88 /**
47 89 * 页面相关事件处理函数--监听用户下拉动作
48 90 */
49   - onPullDownRefresh: function () {
  91 + onPullDownRefresh: function() {
50 92  
51 93 },
52 94  
53 95 /**
54 96 * 页面上拉触底事件的处理函数
55 97 */
56   - onReachBottom: function () {
  98 + onReachBottom: function() {
57 99  
58 100 },
59 101  
60 102 /**
61 103 * 用户点击右上角分享
62 104 */
63   - onShareAppMessage: function () {
  105 + onShareAppMessage: function() {
64 106  
65 107 }
66 108 })
67 109 \ No newline at end of file
... ...
pages/user/hist_service/hist_service.json
  View file @f51c01b
1 1 {
2   - "navigationBarTitleText": "历史服务"
  2 + "navigationBarTitleText": "历史服务",
  3 + "usingComponents": {
  4 + "timePicker": "/components/timePicker/timePicker",
  5 + "warn": "/components/long_warn/long_warn"
  6 + }
3 7 }
4 8 \ No newline at end of file
... ...
pages/user/hist_service/hist_service.wxml
  View file @f51c01b
1   -<view class="container">
  1 +<view wx:if="{{true}}" class="{{isPickerRender==true?'container':''}}">
2 2 <!-- 点击方法 -->
3 3 <view class="exption flex-vertical-between fs28">
4 4 <view class="flex">
... ... @@ -13,8 +13,8 @@
13 13 </view>
14 14 <view class="flex-center">
15 15 <view>筛选</view>
16   - <view bindtap='pickerShow' wx:if="{{false}}" class="box"></view>
17   - <view bindtap='pickerShow' wx:else class="box"></view>
  16 + <view bindtap='pickerShow' wx:if="{{true}}" class="box"></view>
  17 + <!-- <view bindtap='pickerShow' wx:else class="box"></view> -->
18 18 </view>
19 19 </view>
20 20 </view>
... ... @@ -37,5 +37,21 @@
37 37 <view class="serState fs32">已服务</view>
38 38 </view>
39 39 </view>
  40 +</view>
  41 +<!-- 无历史服务 -->
  42 +<view class="empty_order" wx:if="{{true}}">
  43 + <view class="flex-level">
  44 + <image src="{{iurl}}miniapp/images/yyservice/no_history.png"></image>
  45 + </view>
  46 + <view class="flex-level fs30 xc-ash">暂无服务记录</view>
  47 + <view class="flex-level">
  48 + <navigator url="/pages/user/my_service/my_service" bindtap="goto">
  49 + <view class="flex-center fs28 white">前往使用</view>
  50 + </navigator>
  51 + </view>
  52 +</view>
  53 +
40 54  
41   -</view>
42 55 \ No newline at end of file
  56 +<!-- 引用时间主键 -->
  57 +<timePicker pickerShow="{{isPickerShow}}" id="picker" wx:if="{{isPickerRender}}" bind:hidePicker="pickerHide" bind:setPickerTime="setPickerTime" config="{{pickerConfig}}"></timePicker>
  58 +<warn id="warn"></warn>
43 59 \ No newline at end of file
... ...
pages/user/hist_service/hist_service.wxss
  View file @f51c01b
  1 +page {
  2 + height: 100%;
  3 +}
  4 +
1 5 .box {
2 6 width: 0px;
3 7 height: 0px;
... ... @@ -55,3 +59,39 @@
55 59 .serState {
56 60 color: rgb(255, 82, 125);
57 61 }
  62 +
  63 +.container {
  64 + position: fixed;
  65 + width: 100%;
  66 + top: 0rpx;
  67 +}
  68 +
  69 +/* 无历史服务 */
  70 +
  71 +.empty_order {
  72 + height: 100%;
  73 + background-color: rgb(238, 238, 238);
  74 +}
  75 +
  76 +.empty_order image {
  77 + width: 329rpx;
  78 + height: 229rpx;
  79 + margin-top: 202rpx;
  80 +}
  81 +
  82 +.empty_order .xc-ash {
  83 + margin-top: 10rpx;
  84 + font-weight: 600px;
  85 +}
  86 +
  87 +.empty_order navigator {
  88 + margin-top: 60rpx;
  89 + border-radius: 40rpx;
  90 +}
  91 +
  92 +.empty_order navigator view {
  93 + width: 247rpx;
  94 + height: 56rpx;
  95 + background-color: rgb(255, 72, 72);
  96 + border-radius: 40rpx;
  97 +}
... ...
pages/user/index/index.wxml
  View file @f51c01b
... ... @@ -191,11 +191,12 @@
191 191 <image class="xc-center-img " src="{{iurl}}/miniapp/images/add2.png"></image>
192 192 <view class="four-level-word">我的地址</view>
193 193 </view>
194   -
  194 +
  195 + <view class="item t-c" data-url="/pages/user/my_service/my_service" bindtap="goto" >
  196 + <image class="xc-center-img " src="{{iurl}}/miniapp/images/yyservice/myservice.png"></image>
  197 + <view class="four-level-word">我的服务</view>
  198 + </view>
195 199 </view>
196   -
197   -
198   -
199 200 </view>
200 201 </view>
201 202 <view style='width:100%;height:73rpx;'>
... ...
pages/user/my_service/my_service.js 0 → 100644
  View file @f51c01b
  1 +var e = getApp(),
  2 + a = e.globalData.setting,
  3 + os = a,
  4 + t = e.request;
  5 +Page({
  6 +
  7 + /**
  8 + * 页面的初始数据
  9 + */
  10 + data: {
  11 + qr_code_object: {
  12 + val: "12121",
  13 + content: "请将二维码展示给核销员，服务更快捷！"
  14 + },
  15 + iurl: a.imghost,
  16 + service_List: null, //服务项目列表
  17 + is_service_read: 0,
  18 + curpage: 1,
  19 + total: 0,
  20 + ismore: 0,
  21 + userinfo: null
  22 + },
  23 +
  24 + /**
  25 + * 生命周期函数--监听页面加载
  26 + */
  27 + onLoad: function(options) {
  28 + var userinfo = getApp().globalData.userInfo;
  29 + if (userinfo == null) {
  30 + //界面必须使用warn 做ID,并调用
  31 + getApp().my_warnning("会员为空", 0, this);
  32 + return false;
  33 + }
  34 + this.setData({
  35 + userinfo: userinfo
  36 + });
  37 + },
  38 + /**
  39 + * 生命周期函数--监听页面显示
  40 + */
  41 + onShow: function() {
  42 + var th = this;
  43 + th.query_service();
  44 + },
  45 + onReachBottom: function() {
  46 + if (this.data.total <= 8) return;
  47 + if (this.data.ismore) return;
  48 + this.query_service();
  49 + },
  50 + //查询服务项目列表
  51 + query_service: function() {
  52 + var th = this;
  53 + var url = "http://localhost:8022/api/weshop/users/grade/wechat/cash/page";
  54 + // //获取服务项目
  55 + // getApp().request.promiseGet("/api/weshop/users/grade/wechat/cash/page", {
  56 +
  57 + // }).then(res => {
  58 + // console.log("11111111111"+res);
  59 + // })
  60 + wx.request({
  61 + url: "http://localhost:8022/api/weshop/yy_fuwu_list",
  62 + success: function(res) {
  63 +
  64 + console.log("11111111111" + res.data.data.pageData);
  65 + if (res.data.code == 0) {
  66 +
  67 + // th.data.curpage++;
  68 + // var arr1 = th.data.service_List;
  69 + // var arr2 = res.data.data.pageData;
  70 + // var arr3 = [...arr1, ...arr2];
  71 +
  72 + // var ismore = 0;
  73 + // if (arr3.length == res.data.data.total) ismore = 1
  74 +
  75 + // th.setData({
  76 + // service_List: arr3,
  77 + // total: res.data.data.total,
  78 + // ismore: ismore,
  79 + // is_service_read: 1
  80 + // }), wx.stopPullDownRefresh(); //停止下拉刷新
  81 +
  82 + th.setData({
  83 + service_List: res.data.data.pageData
  84 + })
  85 + console.log(th.data.service_List.name + "111");
  86 + }
  87 + }
  88 + })
  89 + },
  90 + /*-- 打开服务项目 --*/
  91 + open_fw: function(e) {
  92 + var th = this;
  93 + var ind = e.currentTarget.dataset.ind;
  94 + var item = this.data.service_List[ind];
  95 +
  96 + var ewm = "^" + this.data.userinfo.erpvipid + "|" + item.id + "|" + item.type_b + "|" + item.time+ "|TY01|";
  97 + var tt = th.format_time(1);
  98 + ewm = ewm + tt;
  99 + th.data.qr_code_object.val = ewm;
  100 + th.data.qr_code_object.is_fw = 1;
  101 + console.log(ewm);
  102 + var qc_com = th.selectComponent("#qc_com"); //组件的id
  103 + qc_com.open(th.data.qr_code_object)
  104 + },
  105 + //图片失败，默认图片
  106 + bind_bnerr1: function(e) {
  107 + var _errImg = e.target.dataset.errorimg;
  108 + var _Img = e.target.dataset.img;
  109 + if (_Img != undefined) {
  110 + var _errObj = {};
  111 + _errObj[_errImg] = "/miniapp/images/no_cate_def.png";
  112 + this.setData(_errObj) //注意这里的赋值方式,只是将数据列表中的此项图片路径值替换掉 ;
  113 + }
  114 + },
  115 + format_time: function(isFull) {
  116 + var d = new Date();
  117 + var m = d.getMonth() + 1;
  118 + if (m < 10) m = "0" + m;
  119 + var dd = d.getDate();
  120 + if (dd < 10) dd = "0" + dd;
  121 + var fm = [d.getFullYear(), m, dd].join('-');
  122 + if (isFull == 1)
  123 + fm = fm + ' ' + [d.getHours(), d.getMinutes(), d.getSeconds()].join(':')
  124 + return fm;
  125 + },
  126 +})
0 127 \ No newline at end of file
... ...
pages/user/my_service/my_service.json 0 → 100644
  View file @f51c01b
  1 +{
  2 + "navigationBarTitleText": "服务项目",
  3 + "usingComponents": {
  4 + "qr_code": "/components/qr_code/qr_code",
  5 + "warn": "/components/long_warn/long_warn"
  6 + }
  7 +}
0 8 \ No newline at end of file
... ...
pages/user/my_service/my_service.wxml 0 → 100644
  View file @f51c01b
  1 +<!-- 背景图片 -->
  2 +<view>
  3 + <image class="backimage" src="{{iurl}}/miniapp/images/yyservice/backimage.png" mode="widthFix"></image>
  4 + <navigator class="History fs26" url="/pages/user/hist_service/hist_service">历史服务</navigator>
  5 +</view>
  6 +
  7 +<!-- 预约内容 -->
  8 +<!-- 项目框架 -->
  9 +<view class="Serviceitems" wx:if="{{service_List.length>=0}}">
  10 + <!-- 单个项目 -->
  11 + <view class="rel" wx:for="{{service_List}}">
  12 + <view class="abs">
  13 + <!-- 皇冠log -->
  14 + <block wx:if="{{item.type_b==0}}">
  15 + <image class="equity_money" src="{{iurl}}/miniapp/images//yyservice/equity.png" lazy-load="true"></image>
  16 + </block>
  17 + <!-- 金钱log -->
  18 + <block wx:if="{{item.type_b==1}}">
  19 + <image class="equity_money" src="{{iurl}}/miniapp/images/yyservice/money.png" lazy-load="true"></image>
  20 + </block>
  21 + <!-- 礼包log -->
  22 + <block wx:if="{{item.type_b==2}}">
  23 + <image class="equity_money" src="{{iurl}}/miniapp/images/yyservice/giftpackage.png" lazy-load="true"></image>
  24 + </block>
  25 + </view>
  26 + <view>
  27 + <view class="flex-center">
  28 + <image class="itemimage" src="{{iurl+item.img}}" lazy-load="true" data-errorimg="service_List[{{index}}].img" binderror="bind_bnerr1" data-img="{{item.img}}"></image>
  29 + </view>
  30 +
  31 + <view class="flex-center itemName">
  32 + <view class="fs32 Name ellipsis-1">{{item.name}}</view>
  33 + </view>
  34 +
  35 + <view class="flex-center fs24 itemCount">
  36 + <view>剩余次数：</view>
  37 + <view>{{item.chishu}}</view>
  38 + </view>
  39 +
  40 + <view class="flex-center fs24 itemEffective">
  41 + <view>有效期至</view>
  42 + <view class="Date">{{item.time}}</view>
  43 + </view>
  44 +
  45 + </view>
  46 +
  47 + <view class="flex-center fs24 functionMax">
  48 + <view class="flex-level Use" bindtap="open_fw" data-order_sn="111111111111111111111111111" data-ind="{{index}}">
  49 + <view>立即使用</view>
  50 + </view>
  51 + <!-- 可预约 -->
  52 + <block wx:if="{{item.is_yy}}">
  53 + <navigator class="flex-level appointment" url="/pages/user/Appment_main/Appment_main">
  54 + <view>预约</view>
  55 + </navigator>
  56 + </block>
  57 + </view>
  58 + </view>
  59 +
  60 +</view>
  61 +<!-- 无服务项目 -->
  62 +<view wx:if="{{service_List.length>=0 && is_service_read}}">
  63 + <!-- 遮住 -->
  64 + <view class="cover"></view>
  65 + <!-- 无历史服务 -->
  66 + <view class="empty_order" wx:if="{{true}}">
  67 + <view class="flex-level">
  68 + <image src="{{iurl}}miniapp/images/yyservice/no_history.png"></image>
  69 + </view>
  70 + <view class="flex-level fs30 xc-ash">暂无服务项目</view>
  71 + <view class="flex-level">
  72 + <navigator url="/pages/user/my_service/my_service" bindtap="goto">
  73 + <view class="flex-center fs28 white">回到首页</view>
  74 + </navigator>
  75 + </view>
  76 + </view>
  77 +
  78 +</view>
  79 +
  80 +
  81 +<!-- 弹出框扫描 -->
  82 +<qr_code id="qc_com"></qr_code>
  83 +<warn id="warn"></warn>
0 84 \ No newline at end of file
... ...
pages/user/my_service/my_service.wxss 0 → 100644
  View file @f51c01b
  1 +page {
  2 + overflow-x: scroll;
  3 +}
  4 +
  5 +/* 背景定位 */
  6 +
  7 +.backimage {
  8 + position: absolute;
  9 + top: 0rpx;
  10 + left: 0rpx;
  11 + z-index: 0;
  12 + width: 100%;
  13 + height: 100%;
  14 +}
  15 +
  16 +/* 历史服务定位 */
  17 +
  18 +.History {
  19 + position: absolute;
  20 + top: 30rpx;
  21 + right: 20rpx;
  22 + z-index: 1;
  23 + color: rgb(255, 255, 255);
  24 +}
  25 +
  26 +.rel {
  27 + background-color: rgb(255, 255, 255);
  28 + width: 350rpx;
  29 + height: 420rpx;
  30 + border-radius: 20rpx;
  31 + display: inline-block;
  32 + margin-right: 15rpx;
  33 + margin-bottom: 20rpx;
  34 + box-shadow: 0rpx 3rpx 3rpx 3rpx rgb(233, 233, 233);
  35 +}
  36 +
  37 +.abs {
  38 + left: 10rpx;
  39 + top: 10rpx;
  40 +}
  41 +
  42 +.equity_money {
  43 + width: 50rpx;
  44 + height: 55rpx;
  45 +}
  46 +
  47 +.Serviceitems {
  48 + position: relative;
  49 + top: 370rpx;
  50 + left: 0rpx;
  51 + z-index: 2;
  52 + padding-left: 18rpx;
  53 +}
  54 +
  55 +.itemimage {
  56 + width: 120rpx;
  57 + height: 120rpx;
  58 + border-radius: 50%;
  59 + margin-top: 30rpx;
  60 + margin-bottom: 20rpx;
  61 +}
  62 +
  63 +.itemName {
  64 + margin-bottom: 25rpx;
  65 + color: rgb(48, 48, 48);
  66 +}
  67 +
  68 +.itemName .Name {
  69 + max-width: 250rpx;
  70 + text-align: center;
  71 +}
  72 +
  73 +.itemCount {
  74 + margin-bottom: 5rpx;
  75 + color: rgb(177, 177, 177);
  76 +}
  77 +
  78 +.itemEffective {
  79 + margin-bottom: 30rpx;
  80 + color: rgb(177, 177, 177);
  81 +}
  82 +
  83 +.functionMax {
  84 + padding: 0rpx 25rpx;
  85 + color: rgb(254, 255, 255);
  86 +}
  87 +
  88 +.Use {
  89 + width: 170rpx;
  90 + height: 40rpx;
  91 + line-height: 40rpx;
  92 + border-radius: 25rpx;
  93 + background-color: red;
  94 +}
  95 +
  96 +.appointment {
  97 + width: 115rpx;
  98 + height: 40rpx;
  99 + line-height: 40rpx;
  100 + border-radius: 25rpx;
  101 + background-color: #ff9c00;
  102 + margin-left: 20rpx;
  103 +}
  104 +
  105 +.Date {
  106 + margin-left: 10rpx;
  107 +}
  108 +/* 无服务项目 */
  109 +.cover{
  110 + position: fixed;
  111 + z-index: 1;
  112 + left: 0rpx;
  113 + top: 390rpx;
  114 + width: 100%;
  115 + height: 200rpx;
  116 + background-color: rgb(255, 255, 255);
  117 +}
  118 +/* 无历史服务 */
  119 +.empty_order{
  120 + position: fixed;
  121 + left: 0rpx;
  122 + top: 500rpx;
  123 + z-index: 2;
  124 + width: 100%;
  125 +}
  126 +
  127 +.empty_order image {
  128 + width: 329rpx;
  129 + height: 229rpx;
  130 + margin-top: 80rpx;
  131 +}
  132 +
  133 +.empty_order .xc-ash {
  134 + margin-top: 10rpx;
  135 + font-weight: 600px;
  136 +}
  137 +
  138 +.empty_order navigator {
  139 + margin-top: 60rpx;
  140 + border-radius: 40rpx;
  141 +}
  142 +
  143 +.empty_order navigator view {
  144 + width: 247rpx;
  145 + height: 56rpx;
  146 + background-color: rgb(255, 72, 72);
  147 + border-radius: 40rpx;
  148 +}
0 149 \ No newline at end of file
... ...
pages/user/tment_details/tment_details.js 0 → 100644
  View file @f51c01b
  1 +var e = getApp(),
  2 + a = e.globalData.setting,
  3 + os = a,
  4 + t = e.request;
  5 +Page({
  6 +
  7 + /**
  8 + * 页面的初始数据
  9 + */
  10 + data: {
  11 + iurl: a.imghost,
  12 + },
  13 +
  14 + /**
  15 + * 生命周期函数--监听页面加载
  16 + */
  17 + onLoad: function(options) {
  18 +
  19 + },
  20 + /**
  21 + * 生命周期函数--监听页面显示
  22 + */
  23 + onShow: function() {
  24 +
  25 + },
  26 +})
0 27 \ No newline at end of file
... ...
pages/user/tment_details/tment_details.json 0 → 100644
  View file @f51c01b
  1 +{
  2 + "navigationBarTitleText": "预约详情"
  3 +}
0 4 \ No newline at end of file
... ...
pages/user/tment_details/tment_details.wxml 0 → 100644
  View file @f51c01b
  1 +<view class="container">
  2 + <!-- 预约人的属性 -->
  3 + <view class="Subscriber">
  4 + <!-- 状态栏 -->
  5 + <view class="statusBar fs32 flex-vertical-between lf">
  6 + <view>预约状态：</view>
  7 + <view>未服务</view>
  8 + <view wx:if="{{false}}">已服务</view>
  9 + <view wx:if="{{false}}">已过期</view>
  10 + </view>
  11 + <view class="fs30">
  12 + <view class="items lf">
  13 + <!-- 预约门店 -->
  14 + <view class="flex-vertical bmt">
  15 + <view class="name">预约门店:</view>
  16 + <view class="ellipsis-1 value">王者峡谷中路店</view>
  17 + </view>
  18 +
  19 + <!-- 预约项目 -->
  20 + <view class="flex-vertical bmt">
  21 + <view class="name">预约项目:</view>
  22 + <view class="ellipsis-1 value">王者峡谷中路店</view>
  23 + </view>
  24 +
  25 + <!-- 预约时间 -->
  26 + <view class="flex-vertical bmt">
  27 + <view class="name">预约时间:</view>
  28 + <view class="date">2018-08-16</view>
  29 + <view>10:00</view>
  30 + </view>
  31 + </view>
  32 + <view class="bt">
  33 +
  34 + <!-- 美容师 -->
  35 + <view class="flex-vertical bmt">
  36 + <view class="name flex-vertical-between">
  37 + <view>美</view>
  38 + <view>容</view>
  39 + <view>师:</view>
  40 + </view>
  41 + <view class="ellipsis-1 value">王者峡谷中路店</view>
  42 + </view>
  43 + <!-- 预约人及联系方式 -->
  44 + <!-- 姓名 -->
  45 + <view class="flex-vertical bmt">
  46 + <view class="name flex-vertical-between">
  47 + <view>预</view>
  48 + <view>约</view>
  49 + <view>人:</view>
  50 + </view>
  51 + <view class="ellipsis-1 value">钱巧玲</view>
  52 + </view>
  53 + <!-- 号码 -->
  54 + <view class="flex-vertical">
  55 + <view class="name flex-vertical-between">
  56 + <view>手</view>
  57 + <view>机</view>
  58 + <view>人:</view>
  59 + </view>
  60 + <view>18065336494</view>
  61 + </view>
  62 + </view>
  63 + </view>
  64 +
  65 + </view>
  66 +
  67 + <!-- 温馨提示内容 -->
  68 + <view class="Tips fs30 lf rel">
  69 + <!-- 棒槌 -->
  70 + <view class="Stickl abs"></view>
  71 + <view class="Stickl Stickr abs"></view>
  72 +
  73 + <view class="Cozy flex-center" style="background-image: url({{iurl}}/miniapp/images/yyservice/icon.png);">
  74 + <view>温馨提示</view>
  75 + </view>
  76 + <view>1.预约成功后需在指定时间前到达;</view>
  77 + <view>2.如有任何问题可致电咨询;</view>
  78 + <view>3.如需退约，需提前取消。</view>
  79 + </view>
  80 +
  81 + <!-- submit栏 -->
  82 + <view class="subs flex-vertical-between fs32">
  83 +
  84 + <view class="sub lb flex-center">
  85 + <view>取消预约</view>
  86 + <view wx:if="{{false}}">删除订单</view>
  87 + <view wx:if="{{false}}">更改时间</view>
  88 + </view>
  89 +
  90 + <view class="sub rb flex-center">
  91 + <view>更改时间</view>
  92 + <view wx:if="{{false}}">重新预约</view>
  93 + <view wx:if="{{false}}">发表评价</view>
  94 + </view>
  95 +
  96 + </view>
  97 +</view>
0 98 \ No newline at end of file
... ...
pages/user/tment_details/tment_details.wxss 0 → 100644
  View file @f51c01b
  1 +page {
  2 + width: 100%;
  3 + height: 100%;
  4 + background-color: rgb(238, 238, 238);
  5 +}
  6 +
  7 +/* 公用 */
  8 +
  9 +.lf {
  10 + padding: 0rpx 40rpx;
  11 +}
  12 +
  13 +.bt {
  14 + margin: 0rpx 15rpx;
  15 + padding: 0rpx 25rpx;
  16 + border-top: 2rpx dashed rgb(238, 238, 238);
  17 + padding-top: 50rpx;
  18 + padding-bottom: 50rpx;
  19 +}
  20 +
  21 +.bmt {
  22 + margin-bottom: 45rpx;
  23 +}
  24 +
  25 +.name {
  26 + width: 130rpx;
  27 + margin-right: 25rpx;
  28 +}
  29 +
  30 +.value {
  31 + max-width: 450rpx;
  32 +}
  33 +
  34 +/* 公用 */
  35 +
  36 +.container {
  37 + padding: 0rpx 20rpx;
  38 +}
  39 +
  40 +.Subscriber {
  41 + overflow: hidden;
  42 + width: 100%;
  43 + margin-top: 25rpx;
  44 + background-color: rgb(255, 255, 255);
  45 + border-radius: 10rpx;
  46 +}
  47 +
  48 +.statusBar {
  49 + height: 80rpx;
  50 + background-color: rgb(214, 1, 33);
  51 + color: rgb(255, 255, 255);
  52 +}
  53 +
  54 +.date {
  55 + margin-right: 25rpx;
  56 +}
  57 +
  58 +.items {
  59 + margin: 55rpx 0rpx;
  60 +}
  61 +
  62 +.Tips {
  63 + margin-top: 20rpx;
  64 + padding-top: 35rpx;
  65 + height: 255rpx;
  66 + border-radius: 10rpx;
  67 + background-color: rgb(255, 255, 255);
  68 + margin-bottom: 50rpx;
  69 +}
  70 +
  71 +.Cozy {
  72 + width: 165rpx;
  73 + height: 43rpx;
  74 + margin-bottom: 20rpx;
  75 + color: rgb(255, 255, 255);
  76 + background-size: 100%;
  77 +}
  78 +
  79 +.subs {
  80 + padding: 0rpx 5rpx;
  81 +}
  82 +
  83 +.sub {
  84 + width: 325rpx;
  85 + height: 65rpx;
  86 + border-radius: 30rpx;
  87 + color: rgb(255, 255, 255);
  88 +}
  89 +
  90 +.lb {
  91 + background-color: rgb(153, 153, 153);
  92 +}
  93 +
  94 +.rb {
  95 + background-color: rgb(214, 1, 33);
  96 +}
  97 +
  98 +/* 棒槌 */
  99 +
  100 +.Stickl {
  101 + width: 39rpx;
  102 + height: 8rpx;
  103 + background-color: rgb(153, 153, 153);
  104 + transform: rotate(270deg);
  105 + border-radius: 8rpx;
  106 + left: 95rpx;
  107 + top: -15rpx;
  108 +}
  109 +
  110 +.Stickr {
  111 + left: 590rpx;
  112 +}
... ...
pages/user/tment_eval/tment_eval.js 0 → 100644
  View file @f51c01b
  1 +var e = getApp(),
  2 + a = e.globalData.setting,
  3 + os = a,
  4 + t = e.request;
  5 +Page({
  6 +
  7 + /**
  8 + * 页面的初始数据
  9 + */
  10 + data: {
  11 + iurl: a.imghost,
  12 + },
  13 +
  14 + /**
  15 + * 生命周期函数--监听页面加载
  16 + */
  17 + onLoad: function(options) {
  18 +
  19 + },
  20 +
  21 + /**
  22 + * 生命周期函数--监听页面显示
  23 + */
  24 + onShow: function() {
  25 +
  26 + },
  27 +})
0 28 \ No newline at end of file
... ...
pages/user/tment_eval/tment_eval.json 0 → 100644
  View file @f51c01b
  1 +{
  2 + "navigationBarTitleText": "预约评价"
  3 +}
0 4 \ No newline at end of file
... ...
pages/user/tment_eval/tment_eval.wxml 0 → 100644
  View file @f51c01b
  1 +<view class="container">
  2 +
  3 + <!-- 头像 -->
  4 + <view class="flex-center head">
  5 + <image class="headimg" src="{{iurl}}/miniapp/images/yyservice/Cosm_appo.png"></image>
  6 + </view>
  7 +
  8 + <!-- 姓名 -->
  9 + <view class="flex-level item">
  10 + <view class="itemlf fs32">美容师：</view>
  11 + <view class="itemlr fs30 ellipsis-1">钱巧玲</view>
  12 + </view>
  13 +
  14 + <!-- 项目 -->
  15 + <view class="flex-center item">
  16 + <view class="itemlf fs32">服务项目：</view>
  17 + <view class="itemlr fs30 ellipsis-1">头部按摩</view>
  18 + </view>
  19 +
  20 + <!-- 时间 -->
  21 + <view class="flex-center">
  22 + <view class="itemlf fs32">服务时间：</view>
  23 + <view class="itemlr fs30">2019-09-06</view>
  24 + </view>
  25 + <!-- 设置虚线 -->
  26 +
  27 + <view class="flex-center">
  28 + <view class="starss">
  29 + <image class="stars" src="{{iurl}}/miniapp/images/StarsredCk.png" wx:for="11111"></image>
  30 + </view>
  31 + </view>
  32 + <view class="tea_labs">
  33 + <view class="flex-center fs26">
  34 + <textarea placeholder="写其他意见和建议" placeholder-class="fs24"></textarea>
  35 + </view>
  36 +
  37 + <view class="labels flex fs26">
  38 + <view class="label checklabel">
  39 + <view>衣着整洁</view>
  40 + </view>
  41 + <view class="label">
  42 + <view>穿着专业</view>
  43 + </view>
  44 + <view class="label">
  45 + <view>准时到达</view>
  46 + </view>
  47 + <view class="label clonri">
  48 + <view>服务态度好</view>
  49 + </view>
  50 + </view>
  51 + </view>
  52 +
  53 + <view class="feedback flex-center fs28">
  54 + <view>满意的话请打五星噢，谢谢您的支持!</view>
  55 + </view>
  56 +
  57 + <navigator class="fs32 flex-center">
  58 + <view class="Submission flex-center">
  59 + <view>确认提交</view>
  60 + </view>
  61 + </navigator>
  62 +
  63 + <block wx:if="{{false}}">
  64 + <view class="subSuccess">
  65 + <view class="flex-center">
  66 + <image class="Success" src="{{iurl}}/miniapp/images/yyservice/Success.png"></image>
  67 + </view>
  68 + <view class="fs36 flex-center">
  69 + <view>评论成功</view>
  70 + </view>
  71 + </view>
  72 + </block>
  73 +</view>
0 74 \ No newline at end of file
... ...
pages/user/tment_eval/tment_eval.wxss 0 → 100644
  View file @f51c01b
  1 +.container {
  2 + border-top: 7rpx solid rgb(245, 245, 245);
  3 +}
  4 +
  5 +.head {
  6 + height: 270rpx;
  7 +}
  8 +
  9 +.headimg {
  10 + width: 190rpx;
  11 + height: 190rpx;
  12 + border-radius: 50%;
  13 +}
  14 +
  15 +.item {
  16 + margin-bottom: 20rpx;
  17 +}
  18 +
  19 +.itemlf {
  20 + width: 160rpx;
  21 +}
  22 +
  23 +.itemlr {
  24 + width: 190rpx;
  25 +}
  26 +
  27 +.starss {
  28 + margin-top: 15rpx;
  29 + border-top: 3rpx dashed rgb(203, 203, 203);
  30 + padding-top: 25rpx;
  31 + padding-left: 15rpx;
  32 +}
  33 +
  34 +.stars {
  35 + width: 50rpx;
  36 + height: 50rpx;
  37 + margin-right: 20rpx;
  38 +}
  39 +
  40 +.tea_labs {
  41 + padding: 0rpx 56rpx;
  42 +}
  43 +
  44 +textarea {
  45 + width: 100%;
  46 + height: 280rpx;
  47 + margin-top: 70rpx;
  48 + border: 2rpx solid rgb(203, 203, 203);
  49 + border-radius: 15rpx;
  50 + padding-top: 25rpx;
  51 + padding-left: 30rpx;
  52 + margin-bottom: 32rpx;
  53 + padding-right: 15rpx;
  54 +}
  55 +
  56 +.labels {
  57 + margin-bottom: 55rpx;
  58 +}
  59 +
  60 +.label {
  61 + padding: 0rpx 15rpx;
  62 + height: 48rpx;
  63 + line-height: 48rpx;
  64 + border: 2rpx solid rgb(218, 218, 218);
  65 + color: rgb(152, 152, 152);
  66 + margin-right: 22rpx;
  67 + border-radius: 5rpx;
  68 +}
  69 +
  70 +/* 选择标签的样式 */
  71 +
  72 +.checklabel {
  73 + border: 2rpx solid rgb(214, 1, 33);
  74 + color: rgb(214, 1, 33);
  75 +}
  76 +
  77 +.feedback {
  78 + color: rgb(152, 152, 152);
  79 + margin-bottom: 90rpx;
  80 +}
  81 +
  82 +.Submission {
  83 + width: 400rpx;
  84 + height: 65rpx;
  85 + border-radius: 30rpx;
  86 + background-color: rgb(214, 1, 33);
  87 + color: rgb(255, 255, 255);
  88 +}
  89 +
  90 +.clonri {
  91 + margin: 0rpx;
  92 +}
  93 +
  94 +.subSuccess {
  95 + position: fixed;
  96 + z-index: 3;
  97 + top: 435rpx;
  98 + left: 66rpx;
  99 + background-color: #a6a6a6a4;
  100 + width: 615rpx;
  101 + height: 315rpx;
  102 + border-radius: 20rpx;
  103 + color: rgb(255, 255, 255);
  104 +}
  105 +
  106 +.Success {
  107 + width: 110rpx;
  108 + height: 110rpx;
  109 + margin-top: 50rpx;
  110 + margin-bottom: 45rpx;
  111 +}
... ...
pages/user/tment_order_list/tment_order_list.js 0 → 100644
  View file @f51c01b
  1 +var e = getApp(),
  2 + a = e.globalData.setting,
  3 + os = a,
  4 + t = e.request;
  5 +Page({
  6 +
  7 + /**
  8 + * 页面的初始数据
  9 + */
  10 + data: {
  11 + iurl: a.imghost,
  12 + activeCategoryId: 0, //类别选中下标
  13 + categories: [{
  14 + name: "全部",
  15 + id: 0
  16 + }, {
  17 + name: "未服务",
  18 + id: 1
  19 + }, {
  20 + name: "已服务",
  21 + id: 2
  22 + }, {
  23 + name: "已过期",
  24 + id: 3
  25 + }],
  26 + },
  27 +
  28 + /**
  29 + * 生命周期函数--监听页面加载
  30 + */
  31 + onLoad: function(options) {
  32 +
  33 + },
  34 + changeTab: function(e) {
  35 + var th = this;
  36 + var id = e.currentTarget.dataset.id;
  37 + th.setData({
  38 + activeCategoryId: id
  39 + })
  40 + },
  41 +
  42 + /**
  43 + * 生命周期函数--监听页面显示
  44 + */
  45 + onShow: function() {
  46 +
  47 + },
  48 +
  49 + /**
  50 + * 页面上拉触底事件的处理函数
  51 + */
  52 + onReachBottom: function() {
  53 +
  54 + }
  55 +})
0 56 \ No newline at end of file
... ...
pages/user/tment_order_list/tment_order_list.json 0 → 100644
  View file @f51c01b
  1 +{
  2 + "navigationBarTitleText": "我的预约"
  3 +}
0 4 \ No newline at end of file
... ...
pages/user/tment_order_list/tment_order_list.wxml 0 → 100644
  View file @f51c01b
  1 +<view class="container">
  2 + <!-- 导航栏 -->
  3 + <view class="type-navbar padding flex-vertical fs30">
  4 + <view class="type-box flex-center {{activeCategoryId==item.id?'chtypebox':''}}" wx:for="{{categories}}">
  5 + <view data-id="{{item.id}}" bindtap="changeTab">{{item.name}}</view>
  6 + </view>
  7 + </view>
  8 + <view wx:if="{{true}}">
  9 + <!-- 预约项目 -->
  10 + <view wx:for="1111">
  11 + <!-- 商品编号和状态 -->
  12 + <view class="Commodity_number flex-vertical-between fs24 padding">
  13 + <!--商品编号 -->
  14 + <text class="order_number ellipsis-1" selectable='true'>订单编号：MDDER2019061454879342468</text>
  15 + <!-- 商品评价状态 -->
  16 + <view class="flex-center xc-wc">
  17 + <!-- 订单状态 -->
  18 + <view>已过期</view>
  19 + <view class="flex-center">
  20 + <view class="lin"></view>
  21 + <image src="{{iurl}}miniapp/images/trash.png" bindtap="deleteOrderData" data-order_id="{{item.order_id}}"></image>
  22 + </view>
  23 + </view>
  24 + </view>
  25 +
  26 + <!-- 项目属性 -->
  27 + <navigator class="items padding flex-vertical" url="">
  28 +
  29 + <view class="flex-center fs26">
  30 + <view class="itemimage">
  31 + <image class="itemimage" src="http://img4.imgtn.bdimg.com/it/u=3313840944,708309586&fm=26&gp=0.jpg"></image>
  32 + </view>
  33 + <!-- 项目内容 -->
  34 + <view class="details">
  35 + <view class="item flex-vertical">
  36 + <view class="itemname">预约门店:</view>
  37 + <view class="itemvalue ellipsis-1">王者峡谷中路店</view>
  38 + </view>
  39 + <view class="item flex-vertical">
  40 + <view class="itemname">预约项目:</view>
  41 + <view class="itemvalue ellipsis-1">头部按摩</view>
  42 + </view>
  43 + <view class="item flex-vertical">
  44 + <view class="itemname">美容师:</view>
  45 + <view class="itemvalue ellipsis-1">花木兰</view>
  46 + </view>
  47 + <view class="item flex-vertical">
  48 + <view class="itemname">预约时间:</view>
  49 + <view>2018-08-16 14:00</view>
  50 + </view>
  51 + <view class="item flex-vertical" wx:if="{{true}}">
  52 + <view class="itemname">服务时间:</view>
  53 + <view>2018-08-16 10:00</view>
  54 + </view>
  55 + </view>
  56 +
  57 + </view>
  58 + </navigator>
  59 + <view class="Unim flex-right-vertical fs26 padding">
  60 +
  61 + <navigator class="Unimportance flex-level">取消预约</navigator>
  62 + <navigator wx:if="{{false}}" class="Unimportance flex-level">查看详情</navigator>
  63 +
  64 + <navigator class="important Unimportance flex-level">更改时间</navigator>
  65 + <navigator wx:if="{{false}}" class="important Unimportance flex-level">发表评价</navigator>
  66 + <navigator wx:if="{{false}}" class="important Unimportance flex-level">重新预约</navigator>
  67 +
  68 + </view>
  69 + </view>
  70 + <view class="exactly flex-center fs26">
  71 + <view class="line"></view>
  72 + <view class="exactly_text">到底了</view>
  73 + <view class="line"></view>
  74 + </view>
  75 + </view>
  76 +</view>
  77 +
  78 +<!-- 无预约订单 -->
  79 +<view class="empty_order" wx:if="{{true}}">
  80 + <view class="flex-level">
  81 + <image src="{{iurl}}miniapp/images/order/empty_order.png"></image>
  82 + </view>
  83 + <view class="flex-level fs30 xc-ash">暂无预约记录</view>
  84 + <view class="flex-level">
  85 + <navigator url="/pages/user/my_service/my_service" bindtap="goto">
  86 + <view class="flex-center fs28 white">立即预约</view>
  87 + </navigator>
  88 + </view>
  89 +</view>
0 90 \ No newline at end of file
... ...
pages/user/tment_order_list/tment_order_list.wxss 0 → 100644
  View file @f51c01b
  1 +page {
  2 + height: 100%;
  3 + background-color: rgb(238, 238, 238);
  4 +}
  5 +
  6 +.container {
  7 + background-color: rgb(255, 255, 255);
  8 +}
  9 +
  10 +.type-navbar {
  11 + border-top: 3rpx solid rgb(221, 221, 221);
  12 + display: flex;
  13 + justify-content: space-between;
  14 +}
  15 +
  16 +.type-box {
  17 + height: 88rpx;
  18 + line-height: 88rpx;
  19 + padding: 0rpx 15rpx;
  20 + border-bottom: 5rpx solid rgb(255, 255, 255);
  21 +}
  22 +
  23 +.chtypebox {
  24 + border-bottom: 5rpx solid rgb(224, 18, 18);
  25 +}
  26 +
  27 +.Commodity_number {
  28 + height: 80rpx;
  29 + border-top: 13rpx solid rgb(245, 245, 245);
  30 +}
  31 +
  32 +.Commodity_number image {
  33 + width: 30rpx;
  34 + height: 32rpx;
  35 +}
  36 +
  37 +.padding {
  38 + padding: 0rpx 27rpx;
  39 +}
  40 +
  41 +.lin {
  42 + border-left: 2rpx solid rgb(211, 29, 54);
  43 + margin-left: 17rpx;
  44 + margin-right: 14rpx;
  45 + height: 40rpx;
  46 +}
  47 +
  48 +.order_number {
  49 + width: 500rpx;
  50 +}
  51 +
  52 +.items {
  53 + border-top: 4rpx solid rgb(245, 245, 245);
  54 + border-bottom: 4rpx solid rgb(245, 245, 245);
  55 + height: 260rpx;
  56 +}
  57 +
  58 +.itemimage {
  59 + width: 190rpx;
  60 + height: 190rpx;
  61 + margin-right: 20rpx;
  62 +}
  63 +
  64 +.details {
  65 + height: 190rpx;
  66 +}
  67 +
  68 +.itemname {
  69 + width: 130rpx;
  70 +}
  71 +
  72 +.itemvalue {
  73 + max-width: 300rpx;
  74 +}
  75 +
  76 +.Unimportance {
  77 + width: 140rpx;
  78 + height: 40rpx;
  79 + line-height: 40rpx;
  80 + border-radius: 8rpx;
  81 + background-color: rgb(255, 255, 255);
  82 + margin-left: 20rpx;
  83 + border: 2rpx solid rgb(191, 191, 191);
  84 +}
  85 +
  86 +.important {
  87 + background-color: rgb(212, 28, 52);
  88 + border: 2rpx solid rgb(212, 28, 52);
  89 + color: rgb(255, 255, 255);
  90 +}
  91 +
  92 +.Unim {
  93 + height: 110rpx;
  94 +}
  95 +
  96 +.exactly {
  97 + height: 80rpx;
  98 + background-color: rgb(245, 245, 245);
  99 +}
  100 +
  101 +.exactly_text {
  102 + margin: 0rpx 15rpx;
  103 +}
  104 +
  105 +.line {
  106 + border-top: 2rpx solid rgb(0, 0, 0);
  107 + width: 130rpx;
  108 +}
  109 +
  110 +/* 无预约 */
  111 +
  112 +.empty_order image {
  113 + width: 300rpx;
  114 + height: 300rpx;
  115 + margin-top: 202rpx;
  116 +}
  117 +
  118 +.empty_order .xc-ash {
  119 + margin-top: 10rpx;
  120 + font-weight: 600px;
  121 +}
  122 +
  123 +.empty_order navigator {
  124 + margin-top: 60rpx;
  125 + border-radius: 40rpx;
  126 +}
  127 +
  128 +.empty_order navigator view {
  129 + width: 247rpx;
  130 + height: 56rpx;
  131 + background-color: rgb(255, 72, 72);
  132 + border-radius: 40rpx;
  133 +}
... ...