aidlab/aida_front
7
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

修改按钮样式

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files

47
src/component/Account/frontPage/mylnformation.vue
View File

@@ -1,6 +1,24 @@
<template>
<div class="accountEdit_page">
<div class="accountEdit_page_body">
<!-- <div class="accountEdit_page_body_item">
<div class="accountEdit_page_body_item_name">{{$t('account.Name')}}:</div>
<div class="accountEdit_page_body_item_inut" style="display: flex;justify-content: space-between;">
<a-select
class="gallerySelect"
v-model:value="selectSex"
size="large"
optionFilterProp="label"
style="width: 30%;"
:options="sexList"
:placeholder="$t('account.plaseSelectSex')"
allowClear
show-search
></a-select>
<input class="login_form_input" style="width: 30%;" :class="{active:!!userDetail.occupation}" type="text" :placeholder="$t('account.plaseFirst')" v-model="surname">
<input class="login_form_input" style="width: 30%;" :class="{active:!!userDetail.occupation}" type="text" :placeholder="$t('account.plaseLast')" v-model="givenName">
</div>
</div> -->
<div class="accountEdit_page_body_item">
<div class="accountEdit_page_body_item_name">{{$t('account.Country')}}:</div>
<div class="accountEdit_page_body_item_inut">
@@ -52,7 +70,15 @@ export default defineComponent({
Country:'',
CompanyName:'',
loadingShow:false,
countryList:country
countryList:country,
sexList:[
{label:t('account.Mr'),value:'Mr'},
{label:t('account.Ms'),value:'Ms'},
{label:t('account.Miss'),value:'Miss'},
],
selectSex:'Mr',
surname:'',
givenName:'',
})
let setSubmit = ()=>{
let data = {
@@ -75,8 +101,14 @@ export default defineComponent({
onMounted(()=>{
let country = userDetail.value.country
let CompanyName = userDetail.value.occupation
// let CompanyName = userDetail.value.occupation
// let CompanyName = userDetail.value.occupation
// let CompanyName = userDetail.value.occupation
accountHomeData.Country = country
accountHomeData.CompanyName = CompanyName
// accountHomeData.CompanyName = CompanyName
// accountHomeData.CompanyName = CompanyName
// accountHomeData.CompanyName = CompanyName
})
return{
...toRefs(accountHomeData),
@@ -107,6 +139,19 @@ export default defineComponent({
.gallery_btn{
margin-left: auto;
}
.gallerySelect{
box-sizing: border-box;
height: 40px;
:deep(.ant-select-selector){
height: 40px;
border: 2px solid #D0D0D0;
border-radius: 1.6rem;
align-items: center;
}
:deep(.ant-select-selector):hover{
border: 2px solid #000;
}
}
input,textarea{
padding-left: 11px;
border-radius: 1.6rem;

30
src/component/HomePage/bindEmail.vue
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{