修改按钮样式
This commit is contained in:
@@ -1,5 +1,5 @@
|
||||
<template>
|
||||
<div ref="register"></div>
|
||||
<div ref="register" class="bindEmail"></div>
|
||||
<a-modal
|
||||
class="register generalModel"
|
||||
:get-container="() => $refs.register"
|
||||
@@ -49,7 +49,7 @@
|
||||
<!-- v-show="login$props.Type == 'username'" -->
|
||||
<div >
|
||||
<div class="login_form_content" :state="emailStap">
|
||||
<div class="login_form_title marign_top30">{{ $t('account.Email') }}</div>
|
||||
<div class="login_form_title marign_top30">{{ $t('account.Email') }} <span class="must">*</span></div>
|
||||
<input
|
||||
class="login_form_input"
|
||||
:class="{active:(userDetail.email !== '-------------') && bindType != 'Modify'}"
|
||||
@@ -60,7 +60,7 @@
|
||||
/>
|
||||
|
||||
<div v-if="bindType != 'Modify'">
|
||||
<!-- <div class="login_form_title marign_top30">{{ $t('account.Name') }}</div>
|
||||
<!-- <div class="login_form_title marign_top30">{{ $t('account.Name') }}<span class="must">*</span></div>
|
||||
<div style="display: flex;justify-content: space-between;">
|
||||
<a-select
|
||||
class="gallerySelect"
|
||||
@@ -77,7 +77,7 @@
|
||||
<input class="login_form_input" style="width: 30%;" :class="{active:!!userDetail.occupation}" :disabled="!!userDetail.occupation" type="text" :placeholder="$t('account.plaseFirst')" v-model="surname">
|
||||
<input class="login_form_input" style="width: 30%;" :class="{active:!!userDetail.occupation}" :disabled="!!userDetail.occupation" type="text" :placeholder="$t('account.plaseLast')" v-model="givenName">
|
||||
</div> -->
|
||||
<div class="login_form_title marign_top30">{{$t('account.Country')}}:</div>
|
||||
<div class="login_form_title marign_top30">{{$t('account.Country')}}:<span class="must">*</span></div>
|
||||
<div class="login_form_select">
|
||||
<a-select
|
||||
class="gallerySelect"
|
||||
@@ -93,7 +93,7 @@
|
||||
></a-select>
|
||||
</div>
|
||||
|
||||
<div class="login_form_title marign_top30">{{$t('account.CompanyName')}}:</div>
|
||||
<div class="login_form_title marign_top30">{{$t('account.CompanyName')}}:<span class="must">*</span></div>
|
||||
<input class="login_form_input" :class="{active:!!userDetail.occupation}" :disabled="!!userDetail.occupation" type="text" :placeholder="$t('account.plaseEmail')" v-model="CompanyName">
|
||||
</div>
|
||||
|
||||
@@ -229,6 +229,15 @@ export default defineComponent({
|
||||
watch(userEmail,(newValue:any,oldValue)=>{
|
||||
register.email = newValue == '-------------'?'':newValue
|
||||
})
|
||||
watch(userSex,(newValue,oldValue)=>{
|
||||
register.selectSex = newValue?newValue:'Mr'
|
||||
})
|
||||
watch(userSurname,(newValue,oldValue)=>{
|
||||
register.surname = newValue
|
||||
})
|
||||
watch(userGivenName,(newValue,oldValue)=>{
|
||||
register.givenName = newValue
|
||||
})
|
||||
return{
|
||||
router,
|
||||
store,
|
||||
@@ -448,6 +457,11 @@ export default defineComponent({
|
||||
}
|
||||
</style>
|
||||
<style lang="less" scoped>
|
||||
.bindEmail{
|
||||
:deep(.ant-modal-mask){
|
||||
background: #666666db;
|
||||
}
|
||||
}
|
||||
.generalModel_btn{
|
||||
&.back{
|
||||
.generalModel_closeIcon{
|
||||
@@ -543,6 +557,12 @@ export default defineComponent({
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
box-sizing: border-box;
|
||||
> .must{
|
||||
color: red;
|
||||
margin-right: auto;
|
||||
margin-left: 2px;
|
||||
margin-top: -1%;
|
||||
}
|
||||
label{
|
||||
display: flex;
|
||||
span{
|
||||
|
||||
Reference in New Issue
Block a user