Ver código fonte

修改所有登录页的交互

wangxin 6 anos atrás
pai
commit
4ac78ec90b

+ 18 - 7
src/view/business/join.vue

@@ -13,13 +13,15 @@
                 <van-row type="flex" justify="center">
                     <van-col span="20">
                         <van-field
-                                :class="enterprise_name?'dk-border':'dk-border-empty'"
+                                :class="height_light_name?'dk-border':'dk-border-empty'"
                                 v-model="enterprise_name"
                                 center
                                 clearable
                                 type="text"
-                                :left-icon="enterprise_name?img_company:img_company_empty"
+                                :left-icon="height_light_name?img_company:img_company_empty"
                                 placeholder="请输入公司名称"
+                                @focus="height_light_name = true"
+                                @blur="height_light_name = false"
                         ></van-field>
                     </van-col>
                 </van-row>
@@ -27,13 +29,15 @@
                 <van-row type="flex" justify="center" style="margin-top: 40px">
                     <van-col span="20">
                         <van-field
-                                :class="isMobile(phone)?'dk-border':'dk-border-empty'"
+                                :class="height_light_phone?'dk-border':'dk-border-empty'"
                                 v-model="phone"
                                 center
                                 clearable
                                 type="tel"
-                                :left-icon="isMobile(phone)?img_phone:img_phone_empty"
+                                :left-icon="height_light_phone?img_phone:img_phone_empty"
                                 placeholder="请输入手机号"
+                                @focus="height_light_phone = true"
+                                @blur="height_light_phone = false"
                         ></van-field>
                     </van-col>
                 </van-row>
@@ -45,9 +49,11 @@
                                 v-model="code"
                                 maxlength="6"
                                 type="digit"
-                                :left-icon="code?img_code:img_code_empty"
+                                :left-icon="height_light_code?img_code:img_code_empty"
                                 placeholder="请输入验证码"
-                                :class="code?'dk-border':'dk-border-empty'">
+                                @focus="height_light_code = true"
+                                @blur="height_light_code = false"
+                                :class="height_light_code?'dk-border':'dk-border-empty'">
                             <van-button
                                     :disabled="state.smsSendBtn"
                                     slot="button"
@@ -56,6 +62,8 @@
                                     @click="sendCode"
                                     style="border:none"
                                     class="dk-button "
+                                    :plain="true"
+                                    :color="height_light_code?'#0177FF':''"
                                     :class="state.smsSendBtn&&'dk-color'">
                                 {{!state.smsSendBtn && '获取验证码' || ('重发 '+state.time+' s')}}
                             </van-button>
@@ -70,7 +78,7 @@
                             :loading="loading"
                             type="small"
                             size="large"
-                            :color="!isMobile(phone)||!code?'#DDDDDD':'#0177FF'"
+                            :color="!isMobile(phone)||!code||!enterprise_name?'#DDDDDD':'#0177FF'"
                             @click="join"
                             text="确认入驻"
                             style="height:47px;margin-top: 65px;border-radius: 47px;font-size: 16px;border-width: 0">
@@ -115,6 +123,9 @@
         },
         data() {
             return {
+                height_light_phone: false,
+                height_light_code: false,
+                height_light_name: false,
                 loading: false,
                 enterprise_name: '',
                 text: "登录",

+ 3 - 2
src/view/donations/index.vue

@@ -14,7 +14,7 @@
         <van-row class="dk-content">
             <div class="dk-top"></div>
             <van-swipe
-                    style="flex: 1;padding: 10px 0;"
+                    style="flex: 1;padding: 10px 0;box-sizing: border-box"
                     duration="2000"
                     :autoplay="dkPunchClockAPIList.length>10?2000:''"
                     vertical
@@ -89,7 +89,7 @@
 
 <style scoped>
     .donations {
-        min-height: 100vh;
+        height: 100vh;
         display: flex;
         flex-direction: column;
         justify-content: space-between;
@@ -122,6 +122,7 @@
 
     .dk-content {
         flex: 1;
+        overflow: hidden;
         position: relative;
     }
 

+ 12 - 4
src/view/invitation/index.vue

@@ -16,13 +16,15 @@
                 <van-row type="flex" justify="center">
                     <van-col span="20">
                         <van-field
-                                :class="isMobile(phone)?'dk-border':'dk-border-empty'"
+                                :class="height_light_phone?'dk-border':'dk-border-empty'"
                                 v-model="phone"
                                 center
                                 clearable
                                 type="tel"
-                                :left-icon="isMobile(phone)?img_phone:img_phone_empty"
+                                :left-icon="height_light_phone?img_phone:img_phone_empty"
                                 placeholder="请输入手机号"
+                                @focus="height_light_phone = true"
+                                @blur="height_light_phone = false"
                         ></van-field>
                     </van-col>
                 </van-row>
@@ -34,9 +36,11 @@
                                 v-model="code"
                                 maxlength="6"
                                 type="digit"
-                                :left-icon="code?img_code:img_code_empty"
+                                :left-icon="height_light_code?img_code:img_code_empty"
                                 placeholder="请输入验证码"
-                                :class="code?'dk-border':'dk-border-empty'">
+                                @focus="height_light_code = true"
+                                @blur="height_light_code = false"
+                                :class="height_light_code?'dk-border':'dk-border-empty'">
                             <van-button
                                     :disabled="state.smsSendBtn"
                                     slot="button"
@@ -45,6 +49,8 @@
                                     @click="sendCode"
                                     style="border:none"
                                     class="dk-button "
+                                    :plain="true"
+                                    :color="height_light_code?'#0177FF':''"
                                     :class="state.smsSendBtn&&'dk-color'">
                                 {{!state.smsSendBtn && '获取验证码' || ('重发 '+state.time+' s')}}
                             </van-button>
@@ -103,6 +109,8 @@
         },
         data() {
             return {
+                height_light_phone: false,
+                height_light_code: false,
                 loading: false,
                 text: "登录",
                 phone: '',

+ 1 - 1
src/view/journey_detail/journey_detail.vue

@@ -341,7 +341,7 @@
             leaving(data) {
                 this.leavingDestinationProvinceCode = data[0].code;
                 this.leavingDestinationCityCode = data[1].code;
-                this.leavingDestinationPc = data[0].name + data[1].name;
+                this.leavingDestinationPc = data[0].name + data[1].name + data[2].name;
                 this.show_leaving = false;
             },
             choose(val, key) {

+ 12 - 4
src/view/login/index.vue

@@ -13,13 +13,15 @@
                 <van-row type="flex" justify="center">
                     <van-col span="20">
                         <van-field
-                                :class="isMobile(phone)?'dk-border':'dk-border-empty'"
+                                :class="height_light_phone?'dk-border':'dk-border-empty'"
                                 v-model="phone"
                                 center
                                 clearable
                                 type="tel"
-                                :left-icon="isMobile(phone)?img_phone:img_phone_empty"
+                                :left-icon="height_light_phone?img_phone:img_phone_empty"
                                 placeholder="请输入手机号"
+                                @focus="height_light_phone = true"
+                                @blur="height_light_phone = false"
                         ></van-field>
                     </van-col>
                 </van-row>
@@ -31,9 +33,11 @@
                                 v-model="code"
                                 maxlength="6"
                                 type="digit"
-                                :left-icon="code?img_code:img_code_empty"
+                                :left-icon="height_light_code?img_code:img_code_empty"
                                 placeholder="请输入验证码"
-                                :class="code?'dk-border':'dk-border-empty'">
+                                @focus="height_light_code = true"
+                                @blur="height_light_code = false"
+                                :class="height_light_code?'dk-border':'dk-border-empty'">
                             <van-button
                                     :disabled="state.smsSendBtn"
                                     slot="button"
@@ -42,6 +46,8 @@
                                     @click="sendCode"
                                     style="border:none"
                                     class="dk-button "
+                                    :plain="true"
+                                    :color="height_light_code?'#0177FF':''"
                                     :class="state.smsSendBtn&&'dk-color'">
                                 {{!state.smsSendBtn && '获取验证码' || ('重发 '+state.time+' s')}}
                             </van-button>
@@ -102,6 +108,8 @@
         },
         data() {
             return {
+                height_light_phone: false,
+                height_light_code: false,
                 loading: false,
                 text: "登录",
                 phone: '',

+ 12 - 4
src/view/stafflogin/index.vue

@@ -13,13 +13,15 @@
                 <van-row type="flex" justify="center">
                     <van-col span="20">
                         <van-field
-                                :class="isMobile(phone)?'dk-border':'dk-border-empty'"
+                                :class="height_light_phone?'dk-border':'dk-border-empty'"
                                 v-model="phone"
                                 center
                                 clearable
                                 type="tel"
-                                :left-icon="isMobile(phone)?img_phone:img_phone_empty"
+                                :left-icon="height_light_phone?img_phone:img_phone_empty"
                                 placeholder="请输入手机号"
+                                @focus="height_light_phone = true"
+                                @blur="height_light_phone = false"
                         ></van-field>
                     </van-col>
                 </van-row>
@@ -31,9 +33,11 @@
                                 v-model="code"
                                 maxlength="6"
                                 type="digit"
-                                :left-icon="code?img_code:img_code_empty"
+                                :left-icon="height_light_code?img_code:img_code_empty"
                                 placeholder="请输入验证码"
-                                :class="code?'dk-border':'dk-border-empty'">
+                                @focus="height_light_code = true"
+                                @blur="height_light_code = false"
+                                :class="height_light_code?'dk-border':'dk-border-empty'">
                             <van-button
                                     :disabled="state.smsSendBtn"
                                     slot="button"
@@ -42,6 +46,8 @@
                                     @click="sendCode"
                                     style="border:none"
                                     class="dk-button "
+                                    :plain="true"
+                                    :color="height_light_code?'#0177FF':''"
                                     :class="state.smsSendBtn&&'dk-color'">
                                 {{!state.smsSendBtn && '获取验证码' || ('重发 '+state.time+' s')}}
                             </van-button>
@@ -99,6 +105,8 @@
         },
         data() {
             return {
+                height_light_phone: false,
+                height_light_code: false,
                 loading: false,
                 enterprise_id: '',
                 text: "登录",