1

jhzh

2025-07-19 d37ceed2ad5b94bbfc71a8a4cbdb7b498ddf724d

 src/page/login/login.vue

@@ -2,20 +2,22 @@
  <div class="login_page">
    <headers />
    <div class="login_title animated slideInDown">
      <span>{{ $t("登錄賬號") }}</span>
      <span style="font-size: 32px;">{{ $t("登錄賬號") }}</span>
    </div>
    <div class="logins_content">
      <div class="login_forms">
        <div class="top_forms">
          <el-input
          <span style="margin-bottom: 20px;font-size: 16px;">{{ $t("手机号") }}</span>
          <el-input style="margin-bottom: 20px;border-radius: 4px;border: 1px solid #ECE9F2;"
            :placeholder="$t('hj9')"
            :size="medium"
            v-model="userName"
            clearable
          >
          </el-input>
          <span style="margin-bottom: 5px;font-size: 16px;">{{ $t("密码") }}</span>
          <el-input
            style="margin-top: 0.46rem"
            style="margin-top: 0.46rem;border: 1px solid #ECE9F2;border-radius: 4px;"
            show-password
            :placeholder="$t('hj10')"
            :size="medium"
@@ -32,20 +34,28 @@
            @click="loginIN"
            >{{ $t("立即登录") }}</van-button
          >
          <div class="password-operate" data-v-8cc76a7b="">
            <div class="forget" data-v-8cc76a7b="" @click="getApp()">
              {{ $t("hj12") }}
          <div class="password-operate" >

            <div class="register" data-v-8cc76a7b="">
              {{ $t("還沒賬號？")
              }}<span
                @click="$router.push('/register')"
                >{{ $t("免費註冊") }}</span
              >
            </div>
            <div class="remember" data-v-8cc76a7b="">
            <!-- <div class="remember" data-v-8cc76a7b="">
              <van-checkbox @change="checkboxChange" v-model="checked">{{
                $t("記住帳戶密碼")
              }}</van-checkbox>
            </div> -->
            <div class="forget" data-v-8cc76a7b="" @click="getApp()">
              {{ $t("hj12") }}
            </div>
          </div>
        </div>
      </div>

      <div class="register" data-v-8cc76a7b="">
      <!-- <div class="register" data-v-8cc76a7b="">
        {{ $t("還沒賬號？")
        }}<span
          @click="$router.push('/register')"
@@ -53,7 +63,7 @@
          style="color: rgb(5, 106, 239)"
          >{{ $t("免費註冊") }}</span
        >
      </div>
      </div> -->
    </div>
  </div>
</template>
@@ -170,13 +180,13 @@
  font-weight: 400;
  font-size: 0.37333rem;
  color: #8c9fad;
  margin: 0.4rem auto;
  padding: 0.34667rem 0.4rem;
  width: 100%;
  height: 6rem;
  // margin: 0.4rem auto;
  // padding: 0.34667rem 0.4rem;
  // width: 100%;
  // height: 6rem;
  text-align: center;
  span {
    color: rgb(5, 106, 239);
    color: #185546;
  }
}
.login_title {
@@ -203,6 +213,7 @@
  display: flex;
  flex-direction: column;
  height: 100vh;
  background-color:#F8FAF9;
}

.logins_content {
@@ -212,7 +223,7 @@
  width: 100%;
  height: 9.7436rem;
  margin-top: 0.4359rem;
  background: #fff;
  // background: #fff;
  // padding: 0 0.4564rem;

  .login_forms {
@@ -224,7 +235,7 @@
    flex: 1;
    display: flex;
    flex-direction: column;

    margin-top: 10px;
    .top_forms {
      width: 100%;
      height: auto;
@@ -236,7 +247,7 @@
      .password {
        width: 100%;
        height: 50px;
        background: rgb(246, 246, 247);
        background: rgb(254, 254, 255);
        // background: #1e1e1e;
        border-radius: 0.3564rem;

@@ -252,7 +263,7 @@
    /deep/.el-input__inner {
      width: 100%;
      height: 70px;
      background-color: rgb(246, 246, 247) !important;
      background-color: #fff !important;
      // background: #1e1e1e;
      border-radius: 8px;
      font-size: 0.45rem !important;
@@ -268,13 +279,15 @@
        margin-top: 40px;
        height: 60px;
        border-radius: 8px;
        background-color: #185546;
        border: 0.018519rem solid #185546;
      }
      .top_btn {
        border: none;
        width: 100%;
        height: 1.25rem;
        border-radius: 8px;
        background: #0066ed;
        background-color: #185546;
        color: #fff;
        display: flex;
        align-items: center;