| | |
| | | :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 |
| | |
| | | <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> |
| | |
| | | >{{ $t("立即注册") }}</van-button |
| | | > |
| | | |
| | | <div class="register"> |
| | | <div class="register" @click="$router.push('/login')"> |
| | | {{ $t("已有賬號?") |
| | | }}<span style="color: rgb(5, 106, 239)">{{ $t("馬上登錄") }}</span> |
| | | </div> |
| | |
| | | import { isNull, isPhone, pwdReg } from "@/utils/utils"; |
| | | import * as api from "@/axios/api"; |
| | | import { Notify } from "vant"; |
| | | import { mapMutations } from "vuex"; |
| | | |
| | | export default { |
| | | components: { |
| | |
| | | : ""; |
| | | }, |
| | | methods: { |
| | | gotoxy(){ |
| | | this.$router.push("/help_fwxy"); |
| | | }, |
| | | handleInput() { |
| | | if ( |
| | | this.userPassword !== "" && |
| | |
| | | }, |
| | | |
| | | 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") }); |
| | |
| | | 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; |
| | |
| | | height: 70px; |
| | | background-color: rgb(246, 246, 247) !important; |
| | | // background: #1e1e1e; |
| | | border-radius: 8px; |
| | | // border-radius: 8px; |
| | | font-size: 0.45rem !important; |
| | | border: none; |
| | | } |
| | |
| | | /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; |