修改按钮样式

This commit is contained in:
X1627315083
2025-02-11 10:43:20 +08:00
parent 9ead7fa1b9
commit 639993bcfb
4 changed files with 75 additions and 10 deletions

View File

@@ -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{