+ 提现审核中
+ 1-3个工作日 +提现金额:¥ 800
+diff --git a/src/assets/images/service-evaluation/u578.png b/src/assets/images/service-evaluation/u578.png new file mode 100644 index 0000000..b415fe8 Binary files /dev/null and b/src/assets/images/service-evaluation/u578.png differ diff --git a/src/assets/styles/style.css b/src/assets/styles/style.css index a4b0ba9..3df3ecd 100644 --- a/src/assets/styles/style.css +++ b/src/assets/styles/style.css @@ -452,6 +452,113 @@ html,body { color:rgba(51,51,51,1); } +/*****弹出框样式****/ +.popup-box { + width: 100%; + height: 100%; + background: rgba(0,0,0,.6); + position: absolute; + display: flex; + align-items: center; + justify-content: center; + top: 0; +} + +.popup-centent { + position: relative; + background:rgba(255,255,255,1); + margin-top: -2rem; +} + +.popup-centent span.closeBtn { + position: absolute; + right: .15rem; + top: .1rem; + width: .3rem; + height: .3rem; + display: block; +} +.popup-centent span.closeBtn img { + width: 100%; + height: 100%; + display: block; +} + +.my-money .popup-authorization { + width:5.6rem; + height:3.4rem; + border-radius: 5px; + /* padding: 0.3rem 0.4rem; */ + display: flex; + justify-content: center; + flex-direction: column; + box-sizing: border-box; +} + +.my-money .popup-authorization p { + font-size:0.36rem; + font-family:PingFang-SC-Medium; + color:rgba(0,0,0,1); + text-align: center; + margin-top: .3rem; +} + +.my-money .popup-authorization a img { + display: block; + width: 1rem; + margin: auto; + margin-top: .3rem; +} +.my-money .popup-authorization span { + font-size:0.3rem; + font-family:PingFang-SC-Medium; + color:rgba(153,153,153,1); + display: inline-block; + margin: auto; + margin-top: 0.2rem; +} + + +.my-money .popup-authorization2 { + width:5.6rem; + height:3.4rem; + border-radius: 5px; + /* padding: 0.3rem 0.4rem; */ + /* display: flex; */ + /* justify-content: center; + flex-direction: column; + box-sizing: border-box; */ +} +.my-money .popup-authorization2 .cue-title { + height:0.34rem; + font-size:0.36rem; + font-family:PingFang-SC-Medium; + color:rgba(0,0,0,1); + margin-top: .4rem; + margin-bottom: .4rem; +} +.my-money .popup-authorization2 p { + text-align: center; + font-size:0.28rem; + font-family:PingFang-SC-Medium; + color:rgba(102,102,102,1); + padding: 0 0.3rem; + margin-bottom: .4rem; +} +.my-money .popup-authorization2 button { + width: 100%; + height:1rem; + background:rgba(255,255,255,1); + position: absolute; + bottom: 0; + border: none; + font-size:0.36rem; + font-family:PingFang-SC-Medium; + color:rgba(0,186,134,1); + border-radius: 5px; + border-top: 1px solid #D2D3D5; +} + /*******提现申请******/ .page-content { width: 100%; @@ -514,6 +621,9 @@ html,body { font-family:PingFang-SC-Regular; color:rgba(153,153,153,1); } +.put-money .content-box .cash .cash-cue span.active { + color: #F45252; +} .put-money .content-box .cash .money { width: 100%; display: block; @@ -581,107 +691,7 @@ html,body { text-align: center; } -.put-money .popup-box { - width: 100%; - height: 100%; - background: rgba(0,0,0,.6); - position: absolute; - display: flex; - align-items: center; - justify-content: center; -} -.put-money .popup-authorization { - width:5.6rem; - height:3.4rem; - border-radius: 5px; - /* padding: 0.3rem 0.4rem; */ - display: flex; - justify-content: center; - flex-direction: column; - box-sizing: border-box; -} - -.put-money .popup-authorization p { - font-size:0.36rem; - font-family:PingFang-SC-Medium; - color:rgba(0,0,0,1); - text-align: center; - margin-top: .3rem; -} - -.put-money .popup-authorization a img { - display: block; - width: 1rem; - margin: auto; - margin-top: .3rem; -} -.put-money .popup-authorization span { - font-size:0.3rem; - font-family:PingFang-SC-Medium; - color:rgba(153,153,153,1); - display: inline-block; - margin: auto; - margin-top: 0.2rem; -} -.put-money .popup-centent { - position: relative; - background:rgba(255,255,255,1); - margin-top: -2rem; -} - -.put-money .popup-centent span.closeBtn { - position: absolute; - right: .15rem; - top: .1rem; - width: .3rem; - height: .3rem; - display: block; -} -.put-money .popup-centent span.closeBtn img { - width: 100%; - height: 100%; - display: block; -} -.put-money .popup-authorization2 { - width:5.6rem; - height:3.4rem; - border-radius: 5px; - /* padding: 0.3rem 0.4rem; */ - /* display: flex; */ - /* justify-content: center; - flex-direction: column; - box-sizing: border-box; */ -} -.put-money .popup-authorization2 .cue-title { - height:0.34rem; - font-size:0.36rem; - font-family:PingFang-SC-Medium; - color:rgba(0,0,0,1); - margin-top: .4rem; - margin-bottom: .4rem; -} -.put-money .popup-authorization2 p { - text-align: center; - font-size:0.28rem; - font-family:PingFang-SC-Medium; - color:rgba(102,102,102,1); - padding: 0 0.3rem; - margin-bottom: .4rem; -} -.put-money .popup-authorization2 button { - width: 100%; - height:1rem; - background:rgba(255,255,255,1); - position: absolute; - bottom: 0; - border: none; - font-size:0.36rem; - font-family:PingFang-SC-Medium; - color:rgba(0,186,134,1); - border-radius: 5px; - border-top: 1px solid #D2D3D5; -} .put-money-success .content-box { width:6.9rem; @@ -746,8 +756,6 @@ html,body { } - - .service-evaluation .page-content { background: #fff; } @@ -769,6 +777,20 @@ html,body { font-family:PingFang-SC-Medium; color:rgba(102,102,102,1); } +.service-evaluation .evaluate { + position: relative; +} +.service-evaluation .evaluate .evaluate-question-btn { + width: .5rem; + height: .5rem; + display: block; + background: url(../images/service-evaluation/u578.png) no-repeat; + background-size: 100%; + position: absolute; + right: .15rem; + top: .1rem; +} + .service-evaluation .evaluate .evaluate-tab { display: flex; align-items: center; @@ -831,6 +853,28 @@ html,body { letter-spacing: 10px; margin-top: 1.5rem; } + +.service-evaluation #popup-question { + position: absolute; + width: 90%; + left: 5%; + top: 7rem; + font-size: .3rem; + border: 1px solid #DDD; + border-radius: 5px; + padding: .3rem; + box-sizing: border-box; +} +.service-evaluation #popup-question .popup-body p { + line-height: .5rem; +} + + + + + + + .service-evaluation-status .evaluation-status-icon { width: 2rem; display: block; diff --git a/src/main.js b/src/main.js index 3476571..062fc16 100644 --- a/src/main.js +++ b/src/main.js @@ -8,6 +8,8 @@ import '@/assets/iconfont.css' import '@/assets/styles/main.scss' import '@/assets/styles/style.css' import '@/common/rem.js' +import ElementUI from 'element-ui' +import 'element-ui/lib/theme-chalk/index.css' Vue.config.productionTip = false Vue.use(WechatPlugin) diff --git a/src/router/index.js b/src/router/index.js index b72d9b6..2322522 100644 --- a/src/router/index.js +++ b/src/router/index.js @@ -6,7 +6,7 @@ const monthCard = resolve => require(['@/view/month-card'], resolve) const myMoney = resolve => require(['@/view/my-money'], resolve) const putMoney = resolve => require(['@/view/put-money'], resolve) const serviceEvaluation = resolve => require(['@/view/service-evaluation'], resolve) -const putMoneySuccess = resolve => require(['@/view/put-moneySuccess'], resolve) +const putMoneySuccess = resolve => require(['@/view/put-money-success'], resolve) const serviceEvaluationStatus = resolve => require(['@/view/service-evaluation-status'], resolve) @@ -33,7 +33,7 @@ let router = new Router({ component: putMoney }, { - path: '/put-moneySuccess', + path: '/put-money-success', name: '提现成功', component: putMoneySuccess }, diff --git a/src/view/my-money.vue b/src/view/my-money.vue index af0ec77..a4f48b8 100644 --- a/src/view/my-money.vue +++ b/src/view/my-money.vue @@ -2,9 +2,10 @@ + + + + + + + + diff --git a/src/view/put-money-success.vue b/src/view/put-money-success.vue index 371a5d8..709286e 100644 --- a/src/view/put-money-success.vue +++ b/src/view/put-money-success.vue @@ -1,4 +1,25 @@ - + + + + - \ No newline at end of file diff --git a/src/view/put-money.vue b/src/view/put-money.vue index 993d9d9..a7af5e3 100644 --- a/src/view/put-money.vue +++ b/src/view/put-money.vue @@ -2,7 +2,7 @@ - - + - \ No newline at end of file + \ No newline at end of file diff --git a/src/view/service-evaluation.vue b/src/view/service-evaluation.vue index 86c9acc..36ba103 100644 --- a/src/view/service-evaluation.vue +++ b/src/view/service-evaluation.vue @@ -15,6 +15,7 @@
+ 准时到达:本次保洁师是否如约到达?
+洁净标准:本次洁净服务质量,是否您满意?
+专业高效:本次洁净服务速度,是否您满意?
+