登录样式

ghsApp/src/components/login-model.vue

@@ -5,14 +5,24 @@
         <view style="text-align:center;margin-bottom:20upx;">
           <image :src="`${constant.imgUrl}/logo3.png`" class="logo" mode="widthFix"></image> 
         </view>
-        <view style="color:#666666;text-align:center;margin-bottom:30upx;font-size:35upx;">销花宝</view>
+        <view style="color:#666666;text-align:center;margin-bottom:50upx;font-size:35upx;">销花宝</view>
         <view>
           <input @focus="mobile=''" v-model="mobile" class="experInput" placeholder="手机号" type="number" />
         </view>
         <view>
           <input @focus="password=''" v-model="password" class="experInput" placeholder="密码" type="password" />
         </view>
+        <view style="margin-top:50upx;">
         <button class="admin-button-com small blue buttonText" @click="loginClick">登陆</button>
+        </view>
+
+        <!-- <view style="margin-top:35upx;"> -->
+        <!-- <button class="admin-button-com small blue buttonText" @click="fastLogin">本机号码一键登录</button> -->
+        <!-- </view> -->
+        <!-- <view style="margin-top:35upx;color:#666666;width:90%;font-size:30upx;"> -->
+          <!--<text style="float:right;">注册</text> -->
+        <!-- </view> -->
+
       </view>
     </view>
   </view>
@@ -37,6 +47,14 @@ export default {
   methods: {
     loginClick() {
       this.$emit('comfirm', this.mobile,this.password)
+    },
+    fastLogin(){
+      uni.login({
+          provider: 'univerify',
+          univerifyStyle: { 
+                  fullScreen: true
+              }
+      })
     }
   },
 };
@@ -81,17 +99,17 @@ export default {
     font-size: 30upx;
   }
   &>.experFrame{
-      margin-top: 160upx;
+      margin-top: 90upx;
       height: 50upx;
       .experInput{
-        height: 70upx;
-        width: 350upx;
+        height: 80upx;
+        width: 80%;
         margin-bottom:38upx;
         display: inline-block;
         vertical-align: middle;
-        border-radius: 8upx;
-        background-color: #fff;
-        border: 1upx solid #ccc;
+        background-color: #f5f5f5;
+        border:none;
+        border-bottom: 1px solid #CCCCCC;
         color: #666;
         padding-left: 20upx;
         box-sizing: border-box;
@@ -99,12 +117,12 @@ export default {
       }
       .buttonText{
         display: inline-block;
-        line-height: 70upx;
+        line-height:92upx;
         padding: 0 20upx;
-        background-color: #3385FF;
         vertical-align: middle;
         font-size: 30upx;
-        width:350upx;
+        width: 80%;
+        height:90upx;
       }
       .logo{
         width:180upx;