修改按钮样式

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,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;