Merge branch 'master' of https://gitee.com/jyyforjava/hive-app into master

queenwuli

2020-12-24 c25e12565ad5c737692f9af61ffd1f965f4491bd

 hive-app/pages/login/index.vue

@@ -1,9 +1,24 @@
<template>
   <!-- 登录 -->
   <view>
      <view class="login-box">
         <input v-model="username" placeholder="输入账号" class="login-input" maxlength="60"/>
         <input v-model="password" placeholder="输入密码" class="login-input mt-20" maxlength="60"/>
      <!-- #ifndef H5 -->
      <view class="status_bar"></view>
      <!-- #endif -->
      <view class="login-header flex flex-v align-center">
         <view class="login-img"></view>
         <text class="font-20 white mt-10">蜂巢美业</text>
      </view>
      <view class="login-box center">
         <text class="font-20 blue font-bold">登录</text>
         <input v-model="username" placeholder="请输入账号" placeholder-class="placeholder" class="input-group-row left mt-20" maxlength="60"/>
         <view class="input-group-row">
            <input v-model="password" placeholder="请输入密码" placeholder-class="placeholder" class="input-left" maxlength="60"/>
            <text class="iconfont iconyanjing font-14 gray"></text>
         </view>
         <view class="right mt-5">
            <text class="font-14 blue">忘记密码?</text>
         </view>
			
         <button :disabled="isDisabled" class="blue-btn mt-20" @click="login">登录</button>
      </view>
   </view>
@@ -64,19 +79,42 @@
</script>

<style>
   .login-box{
      padding: 30px;
      box-sizing: border-box;
      width: 100%;
      position: absolute;
      bottom: 40px;
   .status_bar{
      background: #518EFF;
   }
   .login-input{
   .login-header{
      background: #518EFF;
      border-bottom-left-radius: 20px;
      border-bottom-right-radius: 20px;
      padding: 60px 0 80px;
   }
   .login-img{
      width: 72px;
      height: 72px;
      background: #FFFFFF;
      border-radius: 8px;
   }
   .login-box{
      background: #FFFFFF;
      padding:20px;
      box-sizing: border-box;
      position: absolute;
      left: 10px;
      right: 10px;
      bottom: 150px;
      border: 1px solid #EDEAF4;
      border-radius: 4px;
      box-shadow:0 6px 6px rgba(237,234,244,0.5);
   }
   /* .login-input{
      border: 1px solid #ABB1CC;
      border-radius: 20px;
      text-align: center;
      padding: 10px 0;
      font-size: 14px;
   } */
   .input-left{
      text-align: left;
   }
   .blue-btn{
      background: #2483ff;