修改按钮样式
This commit is contained in:
@@ -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;
|
||||
|
||||
Reference in New Issue
Block a user