|
@@ -122,13 +122,13 @@
|
|
|
<uni-row :gutter="20" class="formContent">
|
|
<uni-row :gutter="20" class="formContent">
|
|
|
<uni-col :xs="24" :md="12">
|
|
<uni-col :xs="24" :md="12">
|
|
|
<uni-forms-item name="country" :label="t('newSignup.item3')">
|
|
<uni-forms-item name="country" :label="t('newSignup.item3')">
|
|
|
- <cwg-combox v-model:value="formData.country" :options="countryOptions" border="none" filterable>
|
|
|
|
|
|
|
+ <cwg-combox v-model:value="formData.country" :options="countryOptions" border="none" filterable :placeholder="t('newSignup.item4')">
|
|
|
</cwg-combox>
|
|
</cwg-combox>
|
|
|
</uni-forms-item>
|
|
</uni-forms-item>
|
|
|
</uni-col>
|
|
</uni-col>
|
|
|
<uni-col :xs="24" :md="12">
|
|
<uni-col :xs="24" :md="12">
|
|
|
<uni-forms-item name="phone" :label="t('newSignup.item5')">
|
|
<uni-forms-item name="phone" :label="t('newSignup.item5')">
|
|
|
- <up-input :customStyle="customStyle" v-model="formData.phone" border="none" :placeholder="t('newSignup.item5')"></up-input>
|
|
|
|
|
|
|
+ <uni-easyinput :customStyle="customStyle" v-model="formData.phone" border="none" :placeholder="t('newSignup.item6')"></uni-easyinput>
|
|
|
</uni-forms-item>
|
|
</uni-forms-item>
|
|
|
</uni-col>
|
|
</uni-col>
|
|
|
<uni-col :xs="24" :md="12">
|
|
<uni-col :xs="24" :md="12">
|
|
@@ -139,17 +139,17 @@
|
|
|
</uni-col>
|
|
</uni-col>
|
|
|
<uni-col :xs="24" :md="12">
|
|
<uni-col :xs="24" :md="12">
|
|
|
<uni-forms-item name="email" :label="t('newSignup.item7')">
|
|
<uni-forms-item name="email" :label="t('newSignup.item7')">
|
|
|
- <up-input :customStyle="customStyle" v-model="formData.email" :placeholder="t('newSignup.item8')" border="none"
|
|
|
|
|
- :disabled="!isAgeValid || !formData.birthDate"></up-input>
|
|
|
|
|
|
|
+ <uni-easyinput :customStyle="customStyle" v-model="formData.email" :placeholder="t('newSignup.item8')" border="none"
|
|
|
|
|
+ :disabled="!isAgeValid || !formData.birthDate"></uni-easyinput>
|
|
|
</uni-forms-item>
|
|
</uni-forms-item>
|
|
|
</uni-col>
|
|
</uni-col>
|
|
|
<uni-col :xs="24" :md="24">
|
|
<uni-col :xs="24" :md="24">
|
|
|
<uni-forms-item name="emailCode" :label="t('newSignup.item9')">
|
|
<uni-forms-item name="emailCode" :label="t('newSignup.item9')">
|
|
|
<view style="display: flex;">
|
|
<view style="display: flex;">
|
|
|
<view style="flex: 1;">
|
|
<view style="flex: 1;">
|
|
|
- <up-input :customStyle="customStyle" class="code" border="none" :disabled="!isAgeValid || !formData.birthDate" v-model="formData.emailCode"
|
|
|
|
|
|
|
+ <uni-easyinput :customStyle="customStyle" class="code" border="none" :disabled="!isAgeValid || !formData.birthDate" v-model="formData.emailCode"
|
|
|
:placeholder="t('newSignup.item10')">
|
|
:placeholder="t('newSignup.item10')">
|
|
|
- </up-input>
|
|
|
|
|
|
|
+ </uni-easyinput>
|
|
|
</view>
|
|
</view>
|
|
|
<view class="btn-code" @click="(!isAgeValid || !formData.birthDate) ? '' : handleGetCode()">
|
|
<view class="btn-code" @click="(!isAgeValid || !formData.birthDate) ? '' : handleGetCode()">
|
|
|
{{ getCodeString }}
|
|
{{ getCodeString }}
|
|
@@ -162,8 +162,8 @@
|
|
|
</uni-col>
|
|
</uni-col>
|
|
|
<uni-col :xs="24" :md="12">
|
|
<uni-col :xs="24" :md="12">
|
|
|
<uni-forms-item name="password" :label="t('newSignup.item12')">
|
|
<uni-forms-item name="password" :label="t('newSignup.item12')">
|
|
|
- <up-input border="none" :customStyle="customStyle" v-model.trim="formData.password" :disabled="!isAgeValid || !formData.birthDate"
|
|
|
|
|
- :placeholder="t('newSignup.item13')" type="password"></up-input>
|
|
|
|
|
|
|
+ <uni-easyinput border="none" :customStyle="customStyle" v-model.trim="formData.password" :disabled="!isAgeValid || !formData.birthDate"
|
|
|
|
|
+ :placeholder="t('newSignup.item13')" type="password"></uni-easyinput>
|
|
|
</uni-forms-item>
|
|
</uni-forms-item>
|
|
|
<uni-col :xs="24" :md="24">
|
|
<uni-col :xs="24" :md="24">
|
|
|
<uni-forms-item>
|
|
<uni-forms-item>
|
|
@@ -177,8 +177,8 @@
|
|
|
</uni-col>
|
|
</uni-col>
|
|
|
<uni-col :xs="24" :md="12">
|
|
<uni-col :xs="24" :md="12">
|
|
|
<uni-forms-item v-if="!isRouteHasId" name="linkValue" :label="t('newSignup.item14')">
|
|
<uni-forms-item v-if="!isRouteHasId" name="linkValue" :label="t('newSignup.item14')">
|
|
|
- <up-input border="none" :customStyle="customStyle" v-model.trim="formData.linkValue" :disabled="!isAgeValid || !formData.birthDate"
|
|
|
|
|
- :placeholder="t('newSignup.item15')" @input="limitAgentIdLength"></up-input>
|
|
|
|
|
|
|
+ <uni-easyinput border="none" :customStyle="customStyle" v-model.trim="formData.linkValue" :disabled="!isAgeValid || !formData.birthDate"
|
|
|
|
|
+ :placeholder="t('newSignup.item15')" @input="limitAgentIdLength"></uni-easyinput>
|
|
|
</uni-forms-item>
|
|
</uni-forms-item>
|
|
|
</uni-col>
|
|
</uni-col>
|
|
|
</uni-row>
|
|
</uni-row>
|
|
@@ -1356,19 +1356,21 @@ button {
|
|
|
padding: 0 px2rpx(10);
|
|
padding: 0 px2rpx(10);
|
|
|
margin-bottom: px2rpx(10);
|
|
margin-bottom: px2rpx(10);
|
|
|
display: flex;
|
|
display: flex;
|
|
|
- align-items: center;
|
|
|
|
|
|
|
+ align-items: flex-start;
|
|
|
cursor: pointer;
|
|
cursor: pointer;
|
|
|
|
|
|
|
|
.checkbox-label {
|
|
.checkbox-label {
|
|
|
- font-size: px2rpx(14);
|
|
|
|
|
|
|
+ font-size: px2rpx(16);
|
|
|
color: #666666;
|
|
color: #666666;
|
|
|
margin-left: px2rpx(8);
|
|
margin-left: px2rpx(8);
|
|
|
|
|
+ line-height: px2rpx(20);
|
|
|
user-select: none;
|
|
user-select: none;
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
:deep(.u-checkbox) {
|
|
:deep(.u-checkbox) {
|
|
|
display: flex;
|
|
display: flex;
|
|
|
align-items: flex-start;
|
|
align-items: flex-start;
|
|
|
|
|
+ margin: 0;
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
|
|
|
|
@@ -1398,7 +1400,7 @@ button {
|
|
|
color: #e61f1e;
|
|
color: #e61f1e;
|
|
|
padding-bottom: 2px;
|
|
padding-bottom: 2px;
|
|
|
cursor: pointer;
|
|
cursor: pointer;
|
|
|
- font-size: px2rpx(14);
|
|
|
|
|
|
|
+ font-size: px2rpx(16);
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
.agreemnet9 {
|
|
.agreemnet9 {
|
|
@@ -1410,7 +1412,7 @@ button {
|
|
|
margin-top: px2rpx(20);
|
|
margin-top: px2rpx(20);
|
|
|
line-height: 20px;
|
|
line-height: 20px;
|
|
|
color: #000;
|
|
color: #000;
|
|
|
- font-size: 12px;
|
|
|
|
|
|
|
+ font-size: px2rpx(14);
|
|
|
|
|
|
|
|
.desc-link {
|
|
.desc-link {
|
|
|
display: inline-block;
|
|
display: inline-block;
|