1
jhzh
2025-07-28 a8b0eb32d97e7a540692a8a29f610fe76d67ef74
src/page/login/register.vue
@@ -11,12 +11,13 @@
            :placeholder="placeholder"
            size="medium"
            v-model="phone"
            maxlength="10"
            clearable
            @input="handleInput()"
          >
            <template slot="prepend">+81</template>
          </el-input>
          <!-- <el-input style="margin-top: 0.46rem;" :placeholder="verification" :size="medium" v-model="code" clearable>
          </el-input> -->
          <el-input
            style="margin-top: 0.46rem"
            show-password
@@ -52,7 +53,7 @@
          <van-checkbox v-model="checked">{{
            $t("我已閱讀並同意")
          }}</van-checkbox>
          <span style="color: rgb(5, 106, 239)">{{
          <span @click="gotoxy" style="color: rgb(5, 106, 239)">{{
            $t("《用戶服務協議》")
          }}</span>
        </div>
@@ -65,7 +66,7 @@
            >{{ $t("立即注册") }}</van-button
          >
          <div class="register">
          <div class="register" @click="$router.push('/login')">
            {{ $t("已有賬號?")
            }}<span style="color: rgb(5, 106, 239)">{{ $t("馬上登錄") }}</span>
          </div>
@@ -80,6 +81,7 @@
import { isNull, isPhone, pwdReg } from "@/utils/utils";
import * as api from "@/axios/api";
import { Notify } from "vant";
import { mapMutations } from "vuex";
export default {
  components: {
@@ -107,6 +109,9 @@
      : "";
  },
  methods: {
    gotoxy(){
      this.$router.push("/help_fwxy");
    },
    handleInput() {
      if (
        this.userPassword !== "" &&
@@ -121,18 +126,14 @@
    },
    async gook() {
      if (isNull(this.phone)) {
      if (this.phone.length == 0) {
        Notify({ type: "warning", message: this.$t("hj28") });
      } else if (isNull(this.userPassword)) {
        Notify({ type: "warning", message: this.$t("hj30") });
      } else if (isNull(this.rePassword)) {
        Notify({ type: "warning", message: this.$t("hj31") });
      } else {
        if (!/(^[1-9]\d*$)/.test(this.phone)) {
          Notify({ type: "warning", message: this.$t("hj28") });
        } else if (this.phone.toString().length != 10) {
          Notify({ type: "warning", message: this.$t("hj28") });
        } else if (this.userPassword !== this.rePassword) {
        if (this.userPassword !== this.rePassword) {
          this.password = 0;
          this.password2 = 0;
          Notify({ type: "warning", message: this.$t("hj32") });
@@ -174,8 +175,8 @@
  font-size: 0.37333rem;
  color: #8c9fad;
  text-align: center;
  margin: 0 auto;
  margin-top: 10px;
  margin: 20px auto;
  // margin-top: 10px;
}
.radio-con {
  margin-top: 0.32rem;
@@ -276,7 +277,7 @@
      height: 70px;
      background-color: rgb(246, 246, 247) !important;
      // background: #1e1e1e;
      border-radius: 8px;
      // border-radius: 8px;
      font-size: 0.45rem !important;
      border: none;
    }
@@ -438,6 +439,11 @@
/deep/.el-input__clear {
  font-size: 0.5rem !important;
}
/deep/ .el-input-group__prepend {
  border: none !important;
  border-radius: 0 !important;
  font-size: 0.45rem !important;
}
.on .top_btn {
  background: #2d8cf0 !important;