修改

src/layout/components/AppMain.vue

@@ -39,7 +39,7 @@ export default {
   padding-bottom: 0;
   box-sizing: border-box;
   .sf-jump-page {
-    min-height: calc(100vh - 178px);
+    min-height: calc(95vh - 187px);
   }
 }
 </style>

src/views/ServiceShare/index.vue

@@ -169,8 +169,8 @@
         </el-form-item>
       </el-form>
       <div class="footer">
-        <el-button @click="enterpriseCancel">关闭</el-button>
-        <el-button type="primary" @click="enterpriseCancel">确定</el-button>
+        <el-button class="cancelBtn" @click="enterpriseCancel">关闭</el-button>
+        <el-button class="confirmBtn" type="primary" @click="enterpriseCancel">确定</el-button>
       </div>
     </el-dialog>
   </div>

src/views/login/login.vue

@@ -7,7 +7,7 @@
       <!--      <img class="fy-logo" src="../../assets/image/denglu_logo.png">-->
       <!--      <h3 class="title">信息化管理系统</h3>-->
       <div class="gobackBtn">
-        <i class="el-icon-arrow-left" style="color: #1A78E5;font-weight: bold;cursor: pointer" @click="handleGoBack" />
+        <i class="el-icon-arrow-left" style="color: #1A78E5;font-size: 30px; font-weight: bold;cursor: pointer" @click="handleGoBack" />
       </div>
       <div class="title">{{ loginType === 'password' ? '密码登录' :loginType === 'phone' ? '手机快捷登录' :loginType === 'register' ? '我要注册' : '忘记密码' }}
         <span class="warnicon">
@@ -26,7 +26,7 @@
             oninput="this.value=this.value.replace(/\s+/g,'')"
             placeholder="请输入手机号"
           >
-            <i slot="prefix" style=" width: 14px;height: 14px;font-size: 18px;position: absolute;top: 11px;" class="el-icon-phone" />
+<!--            <i slot="prefix" style=" width: 14px;height: 14px;font-size: 18px;position: absolute;top: 11px;" class="el-icon-phone" />-->
             <!--            <svg-icon slot="prefix" icon-class="user" class="el-input__icon input-icon" />-->
           </el-input>
         </el-form-item>
@@ -63,15 +63,18 @@
             :disabled="forbidCode"
             oninput="this.value=this.value.replace(/\s+/g,'')"
           >
-            <el-button v-if="show === 0" slot="append" style="color: #1A78E5" @click="handleSendMesCode">发送验证码</el-button>
-            <el-button v-if="show === 1" slot="append">已发送{{ count }}秒</el-button>
-            <el-button v-if="show === 2" slot="append" @click="handleSendMesCode">重新获取</el-button>
+            <span v-if="show === 0" slot="suffix" class="inputBtn" style="color: #1A78E5" @click="handleSendMesCode">
+              <span style="color: #999999;padding-right: 10px">|</span>发送验证码</span>
+            <span v-if="show === 1" slot="suffix" class="inputBtn">
+              <span style="color: #999999;padding-right: 10px">|</span>已发送{{ count }}秒</span>
+            <span v-if="show === 2" slot="suffix" class="inputBtn" @click="handleSendMesCode">
+              <span style="color: #999999;padding-right: 10px">|</span>重新获取</span>
           </el-input>
         </el-form-item>
-        <el-form-item v-if="loginType === 'register'" class="formchecked" style="font-size: 12px" prop="checked">
+        <el-form-item v-if="loginType === 'register'" class="formchecked" style="font-size: 12px;margin-bottom: 12px!important;" prop="checked">
           <el-checkbox v-model="loginForm.checked">我已阅读并同意
           </el-checkbox>
-          <span style="color: #1A78E5;cursor: pointer" @click="showAgreement">《石家庄高新区企业服务平台注册协议》</span>
+          <span style="color: #1A78E5;cursor: pointer;font-size: 15px" @click="showAgreement">《石家庄高新区企业服务平台注册协议》</span>
         </el-form-item>
         <el-form-item v-if="loginType === 'forgetPasWord'" class="forminput" label="新密码" prop="newPassword">
           <el-input
@@ -90,7 +93,7 @@
           <el-button v-if="loginType === 'password'" class="typeBtn" type="text" @click="handlePasswordLogin('phone')">手机快捷登录</el-button>
           <el-button v-if="loginType === 'phone'" class="typeBtn" type="text" @click="handlePasswordLogin('password')">密码登录</el-button>
         </div>
-        <el-form-item style="width:436px;margin-bottom: 20px">
+        <el-form-item style="width:436px;margin-bottom: 10px!important;">
           <el-button
             v-if="loginType === 'forgetPasWord'"
             :loading="loading"
@@ -117,8 +120,8 @@
           class="buttons-content"
         >
           <div>
-            <div v-if="loginType === 'password' || loginType === 'phone'">没有账号？<el-button class="register" type="text" @click="handleRegister('register')">立即注册</el-button></div>
-            <div v-else>已有账号？<el-button type="text" @click="handleRegister('password')">去登陆</el-button></div>
+            <div v-if="loginType === 'password' || loginType === 'phone'" style="color: #333333">没有账号？<span class="register" type="text" @click="handleRegister('register')">立即注册</span></div>
+            <div v-else>已有账号？<span class="register" @click="handleRegister('password')">去登陆</span></div>
           </div>
           <div v-if="loginType === 'password' || loginType === 'phone'" class="forgetPasWord" @click="handleRegister('forgetPasWord')">
             忘记密码
@@ -512,6 +515,9 @@ export default {
     .typeBtn{
       color: #333333;
       font-size: 15px;
+      &:hover {
+        color: #1A78E5;
+      }
     }
   }
 	.el-input__prefix{
@@ -533,7 +539,7 @@ export default {
   .title {
     margin: 45px auto 0vh auto;
     text-align: center;
-    color: black;
+    color: #333333;
     font-weight: bold;
     font-size: 17px;
     .warnicon{
@@ -554,20 +560,29 @@ export default {
     background-size: 59%;
     background-position-y: 57px;
     //width: 78vw;
-    height: 76vh;
+    height: 69vh;
     padding: 25px 25px 5px 25px;
     ::v-deep.el-input--small .el-input__inner{
       height: 40px!important;
     }
     .login-form-content{
-      padding-top: 32px;
+      padding-top: 28px;
       position: absolute;
-      top: 26%;
+      top: 22%;
       right: 28%;
       width: 45%;
       display: flex;
       flex-direction: column;
       align-items: center;
+      .inputBtn{
+        cursor: pointer;
+        font-size: 15px;
+        color: #1A78E5!important;
+      }
+      ::v-deep.el-input__suffix{
+        top: 5px!important;
+        right: 15px!important;
+      }
       .otherWay{
         display: flex;
         align-items: center;
@@ -583,6 +598,9 @@ export default {
         .el-input__inner{
           border-radius: 4px;
         }
+        ::v-deep.el-form-item__label{
+          color: #333333;
+        }
       }
       .blue-btn{
         border-radius: 6px 6px 6px 6px;
@@ -638,9 +656,12 @@ export default {
     justify-content: space-between;
     //padding: 0 14px;
     .register{
+      cursor: pointer;
+      font-size: 15px!important;
       color: #1A78E5;
     }
     .forgetPasWord{
+      color: #333333;
       cursor: pointer;
     }
     .rem-code span{