1.提交部分代码

loulijun2021

2022-06-14 76b2da3d2511d252298aaf1d37db200c48a8d092

 src/views/login/index.vue

@@ -7,7 +7,7 @@
        :autoplay="false"
        indicator-position="outside"
        height="580px"
        interval="3000"
        :interval="3000"
        style="width: 500px;margin-left: 20px"
      >
        <el-carousel-item v-for="item in carouselArr" :key="item.title">
@@ -130,8 +130,8 @@
    }
    return {
      loginForm: {
        username: 'admin',
        password: '111111'
        username: 'Admin',
        password: '123456'
      },
      loginRules: {
        username: [{ required: true, trigger: 'blur', validator: validateUsername }],
@@ -217,7 +217,7 @@
      //padding: 12px 5px 12px 15px;
      color: #000;;
      height: 47px;
      caret-color: $cursor;//改变光标颜色
      caret-color: $cursor; //改变光标颜色

      &:-webkit-autofill {
        box-shadow: 0 0 0px 1000px $bg inset !important;
@@ -240,6 +240,7 @@
$bg: #2d3a4b;
$dark_gray: #889aa4;
$light_gray: #eee;
$main_color:#42b983;

.login-container {
  min-height: 100%;
@@ -348,27 +349,27 @@
  //  border: 1px solid red;
  //}

  ::v-deep .el-input__inner{
  ::v-deep .el-input__inner {
    border-radius: 5px;
    background: #ffffff;
    padding-left: 35px;
    line-height: 40px;
    border:  1px solid #eee;
    border: 1px solid #eee;
  }

  ::v-deep .el-input__icon{
  ::v-deep .el-input__icon {
    color: #000;
  }

  ::v-deep .el-input__inner:focus{
    border:  1px solid #42b983;
  ::v-deep .el-input__inner:focus {
    border: 1px solid $main_color;
  }

  ::v-deep .el-input__icon:focus{
    color: #42b983;
  ::v-deep .el-input__icon:focus {
    color: $main_color;
  }

  ::v-deep .el-input input:-webkit-autofill{
  ::v-deep .el-input input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px #fff inset !important;
    box-shadow: 0 0 0px 1000px #fff inset !important;
    -webkit-text-fill-color: #000 !important;