|
@@ -1,25 +1,5 @@
|
|
|
<template>
|
|
|
<view class="interview-container">
|
|
|
- <!-- 顶部导航栏 -->
|
|
|
- <!-- 面试信息 -->
|
|
|
- <!-- <view class="interview-info">
|
|
|
- <view class="info-item">
|
|
|
- <text class="label">面试岗位:</text>
|
|
|
- <text class="value">前端岗位</text>
|
|
|
- </view>
|
|
|
- <view class="info-item">
|
|
|
- <text class="label">面试岗位:</text>
|
|
|
- <text class="value">2024年06月28日 14:48</text>
|
|
|
- </view>
|
|
|
- <view class="info-item">
|
|
|
- <text class="value">2024年06月28日 16:47</text>
|
|
|
- </view>
|
|
|
- <view class="info-item">
|
|
|
- <text class="label">公司全称:</text>
|
|
|
- <text class="value">敏龙科技集团有限公司</text>
|
|
|
- </view>
|
|
|
- </view> -->
|
|
|
-
|
|
|
<!-- 职位列表 -->
|
|
|
<view class="job-list-container" v-if="!userInfoFilled">
|
|
|
<view class="job-list-title">可选职位列表</view>
|
|
@@ -39,69 +19,44 @@
|
|
|
|
|
|
<!-- 表单信息 -->
|
|
|
<view class="form-container" v-if="userInfoFilled">
|
|
|
- <view class="form-title">填写报名信息</view>
|
|
|
- <view class="form-subtitle">如确认报名(此次面试),请填写以下信息</view>
|
|
|
+ <view class="form-title">请完成验证信息填写</view>
|
|
|
|
|
|
- <view class="form-item">
|
|
|
- <text class="form-label">姓名 <text class="required">*</text></text>
|
|
|
- <input type="text" v-model="formData.name" placeholder="请输入姓名" />
|
|
|
- </view>
|
|
|
-
|
|
|
- <view class="form-item">
|
|
|
- <text class="form-label">性别 <text class="required">*</text></text>
|
|
|
- <view class="radio-group">
|
|
|
- <view class="radio-item" @click="formData.gender = '男'">
|
|
|
- <view class="radio-circle" :class="{'radio-selected': formData.gender === '男'}"></view>
|
|
|
- <text class="radio-text">男</text>
|
|
|
- </view>
|
|
|
- <view class="radio-item" @click="formData.gender = '女'">
|
|
|
- <view class="radio-circle" :class="{'radio-selected': formData.gender === '女'}"></view>
|
|
|
- <text class="radio-text">女</text>
|
|
|
- </view>
|
|
|
+ <view class="form-item phone-item">
|
|
|
+ <view class="country-code">
|
|
|
+ <text>+86</text>
|
|
|
+ <!-- <text class="dropdown-icon">▼</text> -->
|
|
|
+ </view>
|
|
|
+ <input type="number" v-model="formData.phone" placeholder="请输入手机号" maxlength="11" @input="validatePhone" />
|
|
|
+ <view class="validation-icon" v-if="formData.phone">
|
|
|
+ <text class="icon-success" v-if="isPhoneValid">✓</text>
|
|
|
+ <text class="icon-error" v-else>✗</text>
|
|
|
</view>
|
|
|
</view>
|
|
|
|
|
|
<view class="form-item">
|
|
|
- <text class="form-label">身份证号 <text class="required">*</text></text>
|
|
|
- <input type="text" v-model="formData.idCard" placeholder="请输入有效身份证号" maxlength="18" />
|
|
|
- </view>
|
|
|
-
|
|
|
- <view class="form-item">
|
|
|
- <text class="form-label">手机号 <text class="required">*</text></text>
|
|
|
- <input type="number" v-model="formData.phone" placeholder="请输入手机号" maxlength="11" />
|
|
|
- </view>
|
|
|
-
|
|
|
- <view class="form-item">
|
|
|
- <text class="form-label">紧急联系人 <text class="required">*</text></text>
|
|
|
- <input type="text" v-model="formData.emergencyContact" placeholder="请输入紧急联系人姓名" />
|
|
|
+ <input type="text" v-model="formData.name" placeholder="请输入姓名" @input="validateName" />
|
|
|
+ <view class="validation-icon" v-if="formData.name">
|
|
|
+ <text class="icon-success" v-if="isNameValid">✓</text>
|
|
|
+ <text class="icon-error" v-else>✗</text>
|
|
|
+ </view>
|
|
|
</view>
|
|
|
|
|
|
<view class="form-item">
|
|
|
- <text class="form-label">紧急联系人电话 <text class="required">*</text></text>
|
|
|
- <input type="number" v-model="formData.emergencyPhone" placeholder="请输入紧急联系人电话" maxlength="11" />
|
|
|
+ <input type="text" v-model="formData.idCard" placeholder="请输入身份证号" maxlength="18" @input="validateIdCard" />
|
|
|
+ <view class="validation-icon" v-if="formData.idCard">
|
|
|
+ <text class="icon-success" v-if="isIdCardValid">✓</text>
|
|
|
+ <text class="icon-error" v-else>✗</text>
|
|
|
+ </view>
|
|
|
</view>
|
|
|
|
|
|
- <view class="form-item">
|
|
|
- <text class="form-label">与紧急联系人关系 <text class="required">*</text></text>
|
|
|
- <picker @change="relationChange" :value="relationIndex" :range="relationOptions">
|
|
|
- <view class="picker-view">
|
|
|
- <text>{{formData.relation || '请选择关系'}}</text>
|
|
|
- <text class="picker-arrow">▼</text>
|
|
|
- </view>
|
|
|
- </picker>
|
|
|
- </view>
|
|
|
+ <button class="verify-btn" :disabled="!canSubmitSimple" @click="submitForm">确认面试</button>
|
|
|
|
|
|
<view class="agreement">
|
|
|
- <checkbox :checked="isAgreed" @tap="toggleAgreement" color="#6c5ce7" />
|
|
|
+ <checkbox :checked="isAgreed" @tap="toggleAgreement" color="#0039b3" />
|
|
|
<text class="agreement-text">
|
|
|
- 我已阅读并同意
|
|
|
- <text class="agreement-link">《身份验证服务协议》</text>
|
|
|
- <text class="agreement-link">《隐私保护政策》</text>
|
|
|
- <text class="agreement-link">《网络安全协议》</text>
|
|
|
+ 我已阅读并同意<text class="agreement-link">《用户协议》</text>和<text class="agreement-link">《隐私政策》</text>
|
|
|
</text>
|
|
|
</view>
|
|
|
-
|
|
|
- <button class="submit-btn" :disabled="!canSubmit" @click="submitForm">提交</button>
|
|
|
</view>
|
|
|
</view>
|
|
|
</template>
|
|
@@ -132,7 +87,10 @@
|
|
|
userInfoFilled: false,
|
|
|
jobList: [],
|
|
|
selectedJobId: null,
|
|
|
- selectedJob: null
|
|
|
+ selectedJob: null,
|
|
|
+ isPhoneValid: false,
|
|
|
+ isNameValid: false,
|
|
|
+ isIdCardValid: false
|
|
|
}
|
|
|
},
|
|
|
onLoad() {
|
|
@@ -153,19 +111,28 @@
|
|
|
(/^1\d{10}$/.test(this.formData.emergencyPhone)) &&
|
|
|
this.formData.relation &&
|
|
|
this.isAgreed;
|
|
|
+ },
|
|
|
+ canSubmitSimple() {
|
|
|
+ return this.formData.name.trim() &&
|
|
|
+ this.formData.phone.trim() &&
|
|
|
+ this.isPhoneValid &&
|
|
|
+ this.formData.idCard.trim() &&
|
|
|
+ this.isIdCardValid &&
|
|
|
+ this.isAgreed;
|
|
|
}
|
|
|
},
|
|
|
methods: {
|
|
|
checkLogin() {
|
|
|
const userInfo = uni.getStorageSync('userInfo');
|
|
|
if (!userInfo) {
|
|
|
- uni.switchTab({
|
|
|
- url: '/pages/my/my',
|
|
|
+ // 未登录时跳转到身份验证登录页面
|
|
|
+ uni.reLaunch({
|
|
|
+ url: '/pages/login/login',
|
|
|
success: () => {
|
|
|
- console.log('跳转到登录页面成功');
|
|
|
+ console.log('跳转到身份验证登录页面成功');
|
|
|
},
|
|
|
fail: (err) => {
|
|
|
- console.error('跳转到登录页面失败:', err);
|
|
|
+ console.error('跳转到身份验证登录页面失败:', err);
|
|
|
uni.showToast({
|
|
|
title: '跳转失败,请重试',
|
|
|
icon: 'none'
|
|
@@ -178,8 +145,9 @@
|
|
|
try {
|
|
|
const parsedUserInfo = JSON.parse(userInfo);
|
|
|
if (!parsedUserInfo.openid) {
|
|
|
- uni.switchTab({
|
|
|
- url: '/pages/my/my'
|
|
|
+ // 没有openid时跳转到身份验证登录页面
|
|
|
+ uni.navigateTo({
|
|
|
+ url: '/pages/login/login'
|
|
|
});
|
|
|
return false;
|
|
|
}
|
|
@@ -187,8 +155,8 @@
|
|
|
} catch (e) {
|
|
|
console.error('解析用户信息失败:', e);
|
|
|
uni.removeStorageSync('userInfo');
|
|
|
- uni.switchTab({
|
|
|
- url: '/pages/my/my'
|
|
|
+ uni.navigateTo({
|
|
|
+ url: '/pages/login/login'
|
|
|
});
|
|
|
return false;
|
|
|
}
|
|
@@ -221,28 +189,23 @@
|
|
|
getUserInfo(userInfo.id)
|
|
|
.then(res => {
|
|
|
uni.hideLoading();
|
|
|
- console.log('res:', res);
|
|
|
- const userData = res;
|
|
|
- if (userData.name==null && userData.phone==null) {
|
|
|
- this.userInfoFilled = true;
|
|
|
- this.formData.name = userData.name || '';
|
|
|
- this.formData.gender = userData.gender || '';
|
|
|
- this.formData.phone = userData.phone || '';
|
|
|
- this.formData.idCard = userData.id_card || '';
|
|
|
- this.formData.emergencyContact = userData.emergency_contact || '';
|
|
|
- this.formData.emergencyPhone = userData.emergency_phone || '';
|
|
|
- this.formData.relation = userData.relation || '';
|
|
|
- if (userData.relation) {
|
|
|
- const index = this.relationOptions.findIndex(item => item === userData.relation);
|
|
|
- if (index !== -1) {
|
|
|
- this.relationIndex = index;
|
|
|
- }
|
|
|
+ const userData = res;
|
|
|
+ if (!userData.name || !userData.phone) {
|
|
|
+ this.userInfoFilled = true;
|
|
|
+ this.formData.name = userData.name || '';
|
|
|
+ this.formData.gender = userData.gender || '';
|
|
|
+ this.formData.phone = userData.phone || '';
|
|
|
+ this.formData.idCard = userData.id_card || '';
|
|
|
+ this.formData.emergencyContact = userData.emergency_contact || '';
|
|
|
+ this.formData.emergencyPhone = userData.emergency_phone || '';
|
|
|
+ this.formData.relation = userData.relation || '';
|
|
|
+ if (userData.relation) {
|
|
|
+ const index = this.relationOptions.findIndex(item => item === userData.relation);
|
|
|
+ if (index !== -1) {
|
|
|
+ this.relationIndex = index;
|
|
|
}
|
|
|
- // uni.navigateTo({
|
|
|
- // url: '/pages/success/success'
|
|
|
- // });
|
|
|
}
|
|
|
-
|
|
|
+ }
|
|
|
})
|
|
|
.catch(err => {
|
|
|
uni.hideLoading();
|
|
@@ -260,7 +223,7 @@
|
|
|
icon: 'none'
|
|
|
});
|
|
|
uni.navigateTo({
|
|
|
- url: '/pages/my/my'
|
|
|
+ url: '/pages/login/login'
|
|
|
});
|
|
|
}
|
|
|
},
|
|
@@ -355,13 +318,13 @@
|
|
|
return;
|
|
|
}
|
|
|
|
|
|
- if (!this.formData.gender) {
|
|
|
+ /* if (!this.formData.gender) {
|
|
|
uni.showToast({
|
|
|
title: '请选择性别',
|
|
|
icon: 'none'
|
|
|
});
|
|
|
return;
|
|
|
- }
|
|
|
+ } */
|
|
|
|
|
|
if (!this.formData.phone.trim()) {
|
|
|
uni.showToast({
|
|
@@ -379,14 +342,6 @@
|
|
|
return;
|
|
|
}
|
|
|
|
|
|
- if (this.formData.email && !/^[\w-]+(\.[\w-]+)*@[\w-]+(\.[\w-]+)+$/.test(this.formData.email)) {
|
|
|
- uni.showToast({
|
|
|
- title: '请输入正确的邮箱',
|
|
|
- icon: 'none'
|
|
|
- });
|
|
|
- return;
|
|
|
- }
|
|
|
-
|
|
|
if (!this.formData.idCard.trim()) {
|
|
|
uni.showToast({
|
|
|
title: '请输入身份证号',
|
|
@@ -404,7 +359,7 @@
|
|
|
return;
|
|
|
}
|
|
|
|
|
|
- if (!this.formData.emergencyContact.trim()) {
|
|
|
+ /* if (!this.formData.emergencyContact.trim()) {
|
|
|
uni.showToast({
|
|
|
title: '请输入紧急联系人',
|
|
|
icon: 'none'
|
|
@@ -418,9 +373,9 @@
|
|
|
icon: 'none'
|
|
|
});
|
|
|
return;
|
|
|
- }
|
|
|
+ } */
|
|
|
|
|
|
- if (!/^1\d{10}$/.test(this.formData.emergencyPhone)) {
|
|
|
+ /* if (!/^1\d{10}$/.test(this.formData.emergencyPhone)) {
|
|
|
uni.showToast({
|
|
|
title: '请输入正确的紧急联系人电话',
|
|
|
icon: 'none'
|
|
@@ -434,7 +389,7 @@
|
|
|
icon: 'none'
|
|
|
});
|
|
|
return;
|
|
|
- }
|
|
|
+ } */
|
|
|
|
|
|
if (!this.isAgreed) {
|
|
|
uni.showToast({
|
|
@@ -453,9 +408,9 @@
|
|
|
source: 'mini',
|
|
|
examine: 0,
|
|
|
tenant_id: '1',
|
|
|
- emergency_contact: this.formData.emergencyContact,
|
|
|
+ /* emergency_contact: this.formData.emergencyContact,
|
|
|
emergency_phone: this.formData.emergencyPhone,
|
|
|
- relation: this.formData.relation,
|
|
|
+ relation: this.formData.relation, */
|
|
|
age: '20',
|
|
|
job_id: this.selectedJobId
|
|
|
};
|
|
@@ -518,6 +473,16 @@
|
|
|
.catch(err => {
|
|
|
console.error('更新本地用户信息失败:', err);
|
|
|
});
|
|
|
+ },
|
|
|
+ validatePhone() {
|
|
|
+ this.isPhoneValid = /^1\d{10}$/.test(this.formData.phone);
|
|
|
+ },
|
|
|
+ validateName() {
|
|
|
+ this.isNameValid = this.formData.name.trim().length >= 2;
|
|
|
+ },
|
|
|
+ validateIdCard() {
|
|
|
+ const idCardReg = /(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$)/;
|
|
|
+ this.isIdCardValid = idCardReg.test(this.formData.idCard);
|
|
|
}
|
|
|
}
|
|
|
}
|
|
@@ -536,7 +501,7 @@
|
|
|
justify-content: space-between;
|
|
|
align-items: center;
|
|
|
padding: 20rpx 30rpx;
|
|
|
- background-color: #6c5ce7;
|
|
|
+ background-color: #0039b3;
|
|
|
color: #fff;
|
|
|
}
|
|
|
|
|
@@ -551,7 +516,7 @@
|
|
|
}
|
|
|
|
|
|
.interview-info {
|
|
|
- background-color: #6c5ce7;
|
|
|
+ background-color: #0039b3;
|
|
|
color: #fff;
|
|
|
padding: 20rpx 30rpx 40rpx;
|
|
|
}
|
|
@@ -568,35 +533,39 @@
|
|
|
.form-container {
|
|
|
flex: 1;
|
|
|
background-color: #fff;
|
|
|
- border-radius: 20rpx 20rpx 0 0;
|
|
|
- margin-top: -20rpx;
|
|
|
padding: 40rpx 30rpx;
|
|
|
}
|
|
|
|
|
|
.form-title {
|
|
|
font-size: 32rpx;
|
|
|
font-weight: bold;
|
|
|
- margin-bottom: 10rpx;
|
|
|
- }
|
|
|
-
|
|
|
- .form-subtitle {
|
|
|
- font-size: 24rpx;
|
|
|
- color: #999;
|
|
|
margin-bottom: 40rpx;
|
|
|
+ text-align: center;
|
|
|
+ color: #333;
|
|
|
}
|
|
|
|
|
|
.form-item {
|
|
|
margin-bottom: 30rpx;
|
|
|
+ position: relative;
|
|
|
}
|
|
|
|
|
|
- .form-label {
|
|
|
- display: block;
|
|
|
- font-size: 28rpx;
|
|
|
- margin-bottom: 10rpx;
|
|
|
+ .validation-icon {
|
|
|
+ position: absolute;
|
|
|
+ right: 20rpx;
|
|
|
+ top: 50%;
|
|
|
+ transform: translateY(-50%);
|
|
|
+ font-size: 36rpx;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: center;
|
|
|
+ }
|
|
|
+
|
|
|
+ .icon-success {
|
|
|
+ color: #4cd964;
|
|
|
}
|
|
|
|
|
|
- .required {
|
|
|
- color: #ff4757;
|
|
|
+ .icon-error {
|
|
|
+ color: #ff3b30;
|
|
|
}
|
|
|
|
|
|
input {
|
|
@@ -604,26 +573,48 @@
|
|
|
height: 80rpx;
|
|
|
border: 1px solid #eee;
|
|
|
border-radius: 8rpx;
|
|
|
- padding: 0 20rpx;
|
|
|
+ padding: 0 60rpx 0 20rpx;
|
|
|
font-size: 28rpx;
|
|
|
box-sizing: border-box;
|
|
|
+ background-color: #f9f9f9;
|
|
|
+ }
|
|
|
+
|
|
|
+ .phone-item {
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ position: relative;
|
|
|
}
|
|
|
|
|
|
- .submit-btn {
|
|
|
+ .phone-item .validation-icon {
|
|
|
+ right: 20rpx;
|
|
|
+ }
|
|
|
+
|
|
|
+ .phone-item input {
|
|
|
+ flex: 1;
|
|
|
+ border-radius: 0 8rpx 8rpx 0;
|
|
|
+ }
|
|
|
+
|
|
|
+ .verify-btn {
|
|
|
width: 100%;
|
|
|
height: 90rpx;
|
|
|
line-height: 90rpx;
|
|
|
- background-color: #6c5ce7;
|
|
|
+ background-color: #0039b3;
|
|
|
color: #fff;
|
|
|
border-radius: 45rpx;
|
|
|
font-size: 32rpx;
|
|
|
margin-top: 60rpx;
|
|
|
}
|
|
|
|
|
|
+ .verify-btn[disabled] {
|
|
|
+ background-color: #b2b2b2;
|
|
|
+ color: #fff;
|
|
|
+ opacity: 0.7;
|
|
|
+ }
|
|
|
+
|
|
|
.agreement {
|
|
|
display: flex;
|
|
|
- align-items: flex-start;
|
|
|
- margin-top: 20rpx;
|
|
|
+ align-items: center;
|
|
|
+ margin-top: 30rpx;
|
|
|
}
|
|
|
|
|
|
.agreement-text {
|
|
@@ -634,71 +625,7 @@
|
|
|
}
|
|
|
|
|
|
.agreement-link {
|
|
|
- color: #6c5ce7;
|
|
|
- }
|
|
|
-
|
|
|
- .submit-btn[disabled] {
|
|
|
- background-color: #b2b2b2;
|
|
|
- color: #fff;
|
|
|
- }
|
|
|
-
|
|
|
- .radio-group {
|
|
|
- display: flex;
|
|
|
- flex-direction: row;
|
|
|
- margin-top: 10rpx;
|
|
|
- }
|
|
|
-
|
|
|
- .radio-item {
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
- margin-right: 60rpx;
|
|
|
- }
|
|
|
-
|
|
|
- .radio-circle {
|
|
|
- width: 36rpx;
|
|
|
- height: 36rpx;
|
|
|
- border-radius: 50%;
|
|
|
- border: 2rpx solid #999;
|
|
|
- margin-right: 10rpx;
|
|
|
- position: relative;
|
|
|
- }
|
|
|
-
|
|
|
- .radio-selected {
|
|
|
- border-color: #6c5ce7;
|
|
|
- }
|
|
|
-
|
|
|
- .radio-selected:after {
|
|
|
- content: '';
|
|
|
- position: absolute;
|
|
|
- width: 24rpx;
|
|
|
- height: 24rpx;
|
|
|
- background-color: #6c5ce7;
|
|
|
- border-radius: 50%;
|
|
|
- top: 50%;
|
|
|
- left: 50%;
|
|
|
- transform: translate(-50%, -50%);
|
|
|
- }
|
|
|
-
|
|
|
- .radio-text {
|
|
|
- font-size: 28rpx;
|
|
|
- }
|
|
|
-
|
|
|
- .picker-view {
|
|
|
- width: 100%;
|
|
|
- height: 80rpx;
|
|
|
- border: 1px solid #eee;
|
|
|
- border-radius: 8rpx;
|
|
|
- padding: 0 20rpx;
|
|
|
- font-size: 28rpx;
|
|
|
- box-sizing: border-box;
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
- justify-content: space-between;
|
|
|
- }
|
|
|
-
|
|
|
- .picker-arrow {
|
|
|
- font-size: 24rpx;
|
|
|
- color: #999;
|
|
|
+ color: #0039b3;
|
|
|
}
|
|
|
|
|
|
/* 职位列表样式 */
|
|
@@ -730,7 +657,7 @@
|
|
|
}
|
|
|
|
|
|
.job-selected {
|
|
|
- border-color: #6c5ce7;
|
|
|
+ border-color: #0039b3;
|
|
|
background-color: rgba(108, 92, 231, 0.1);
|
|
|
}
|
|
|
|
|
@@ -755,7 +682,7 @@
|
|
|
width: 100%;
|
|
|
height: 90rpx;
|
|
|
line-height: 90rpx;
|
|
|
- background-color: #6c5ce7;
|
|
|
+ background-color: #0039b3;
|
|
|
color: #fff;
|
|
|
border-radius: 45rpx;
|
|
|
font-size: 32rpx;
|
|
@@ -766,4 +693,65 @@
|
|
|
background-color: #b2b2b2;
|
|
|
color: #fff;
|
|
|
}
|
|
|
+
|
|
|
+ /* 修复国家代码样式 */
|
|
|
+ .country-code {
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: space-between;
|
|
|
+ width: 100rpx;
|
|
|
+ padding: 0 20rpx;
|
|
|
+ height: 80rpx;
|
|
|
+ border: 1px solid #eee;
|
|
|
+ border-radius: 8rpx 0 0 8rpx;
|
|
|
+ border-right: none;
|
|
|
+ font-size: 28rpx;
|
|
|
+ background-color: #f9f9f9;
|
|
|
+ }
|
|
|
+
|
|
|
+ .dropdown-icon {
|
|
|
+ font-size: 20rpx;
|
|
|
+ color: #999;
|
|
|
+ margin-left: 10rpx;
|
|
|
+ }
|
|
|
+
|
|
|
+ /* 修复手机号输入框样式 */
|
|
|
+ .phone-item {
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ position: relative;
|
|
|
+ }
|
|
|
+
|
|
|
+ .phone-item input {
|
|
|
+ flex: 1;
|
|
|
+ border-radius: 0 8rpx 8rpx 0;
|
|
|
+ }
|
|
|
+
|
|
|
+ /* 修复验证图标位置 */
|
|
|
+ .validation-icon {
|
|
|
+ position: absolute;
|
|
|
+ right: 20rpx;
|
|
|
+ top: 50%;
|
|
|
+ transform: translateY(-50%);
|
|
|
+ font-size: 36rpx;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: center;
|
|
|
+ z-index: 2;
|
|
|
+ }
|
|
|
+
|
|
|
+ .phone-item .validation-icon {
|
|
|
+ right: 20rpx;
|
|
|
+ }
|
|
|
+
|
|
|
+ /* 修改图标样式与图片一致 */
|
|
|
+ .icon-success {
|
|
|
+ color: #4cd964;
|
|
|
+ font-weight: bold;
|
|
|
+ }
|
|
|
+
|
|
|
+ .icon-error {
|
|
|
+ color: #ff3b30;
|
|
|
+ font-weight: bold;
|
|
|
+ }
|
|
|
</style>
|