表单样式修改

src/pages/index/views/logforms/enteringRegister.vue

@@ -18,11 +18,11 @@
            <el-button type="primary" class='codeWidth codeButton' :disabled='isDisabled' @click="buttonCheck">{{buttonMsg}}</el-button>
          </el-form-item>
          <el-form-item>
            <i class="el-icon-check successSelect"></i><span class="protocol">我已阅读并同意<a href='#/userAgreement'>《邢台科技条件平台用户协议》</a></span>
            <i class="el-icon-check successSelect"></i><span class="protocol">我已阅读并同意<el-button type="text" @click="userAgreement">《邢台科技条件平台用户协议》</el-button></span>
          </el-form-item>
          <el-form-item>
            <el-button type="primary" :disabled="isDisabl" :loading="logining" @click="submitForm('ruleForm')">注册</el-button>
            <div class='existing-account'>已有账号<a href="#/loginPlat">立即登录</a></div>
            <div class='existing-account'>已有账号<el-button type="text" @click="loginPlat">立即登录</el-button></div>
          </el-form-item>
        </el-form>
      </div>
@@ -146,8 +146,11 @@
          }
        });
      },
      goBackPwd() {
        this.$router.push({path: '/findPwd'});
      loginPlat() {
        this.$router.push({path: '/loginPlat'});
      },
      userAgreement() {
        this.$router.push({path: '/userAgreement'});
      }
    }
  };

src/pages/index/views/logforms/findPwd.vue

@@ -23,7 +23,7 @@
            <el-form-item></el-form-item>
            <el-form-item class="textButton-box">
              <el-button type="primary" :disabled="isDisabl" @click="nextStep('ruleForm')">下一步</el-button>
              <div class='existing-account'>又想起来了<a href="#/loginPlat">返回</a></div>
              <div class='existing-account'>又想起来了<el-button type="text" @click="loginPlat">返回</el-button></div>
            </el-form-item>
          </el-form>
          <el-form v-show="!stepFisrt" :model="ruleForm2" :rules="rules2" ref="ruleForm2" class="demo-ruleForm">
@@ -194,6 +194,9 @@
            return false;
          }
        });
      },
      loginPlat() {
        this.$router.push({path: '/loginPlat'});
      }
    }
  };

src/pages/index/views/logforms/inviteCodeLogin.vue

@@ -5,7 +5,7 @@
      <div class="form-contain">
        <p class="form-title">登录</p>
        <ul class='table-panel'>
          <li class="table-panel-single"><a href="#/loginPlat">密码登录</a></li>
          <li class="table-panel-single"><el-button type="text" @click="loginPlat">密码登录</el-button></li>
          <li class="table-panel-single tablePanelActive">邀请码登录</li>
        </ul>
        <el-form :model="ruleForm" :rules="rules" ref="ruleForm" class="demo-ruleForm">
@@ -71,6 +71,9 @@
              return false;
            }
          });
        },
        loginPlat() {
          this.$router.push({path: '/loginPlat'});
        }
      }
    };

src/pages/index/views/logforms/loginPlat.vue

@@ -6,7 +6,7 @@
        <p class="form-title">登录</p>
        <ul class='table-panel'>
          <li class="table-panel-single tablePanelActive">密码登录</li>
          <li class="table-panel-single"><a href="#/inviteCodeLogin">邀请码登录</a></li>
          <li class="table-panel-single"><el-button type="text" @click="inviteCodeLogin">邀请码登录</el-button></li>
        </ul>
        <el-form :model="ruleForm" :rules="rules" ref="ruleForm" class="demo-ruleForm">
          <el-form-item prop="phone">
@@ -19,7 +19,7 @@
          <el-form-item>
            <el-button type="primary" :disabled="isDisabl" :loading="logining" @click="submitForm('ruleForm')">登录</el-button>
            <el-button type="text" @click="goBackPwd">忘记密码？</el-button>
            <span class='existing-account registerButton'>还没有账号<a href="#/register">立即注册</a></span>
            <span class='existing-account registerButton'>还没有账号<el-button type="text" @click="register">立即注册</el-button></span>
          </el-form-item>
        </el-form>
      </div>
@@ -109,6 +109,12 @@
      },
      goBackPwd() {
        this.$router.push({path: '/findPwd'});
      },
      register() {
        this.$router.push({path: '/register'});
      },
      inviteCodeLogin() {
        this.$router.push({path: '/inviteCodeLogin'});
      }
    }
  };

src/pages/index/views/logforms/register.vue

@@ -16,11 +16,11 @@
            <el-button type="primary" class='codeWidth codeButton' :disabled='isDisabled' @click="buttonCheck">{{buttonMsg}}</el-button>
          </el-form-item>
          <el-form-item>
            <i class="el-icon-check successSelect"></i><span class="protocol">我已阅读并同意<a href='#/userAgreement'>《邢台科技条件平台用户协议》</a></span>
            <i class="el-icon-check successSelect"></i><span class="protocol">我已阅读并同意<el-button type="text" @click="userAgreement">《邢台科技条件平台用户协议》</el-button></span>
          </el-form-item>
          <el-form-item>
            <el-button type="primary" :disabled="isDisabl" :loading="logining" @click="submitForm('ruleForm')">注册</el-button>
            <div class='existing-account'>已有账号<a href="#/loginPlat">立即登录</a></div>
            <div class='existing-account'>已有账号<el-button type="text" @click="loginPlat">立即登录</el-button></div>
          </el-form-item>
        </el-form>
      </div>
@@ -142,8 +142,11 @@
          }
        });
      },
      goBackPwd() {
        this.$router.push({path: '/findPwd'});
      loginPlat() {
        this.$router.push({path: '/loginPlat'});
      },
      userAgreement() {
        this.$router.push({path: '/userAgreement'});
      }
    }
  };

src/pages/index/views/logforms/style.scss

@@ -95,7 +95,7 @@
      .existing-account {
        text-align: right;
        float: right;
        a {
        button {
          color: $mainColor;
          margin-left: 15px;
        }