This commit is contained in:
X1627315083
2025-04-30 14:01:52 +08:00
parent ac06be639c
commit a4e040d0ff
42 changed files with 3673 additions and 715 deletions

View File

@@ -267,7 +267,7 @@ export default defineComponent({
height: 100%;
// overflow-y: auto;
padding: 0 30rem;
padding-top: 10rem;
padding-top: 7rem;
display: flex;
overflow: hidden;
.account_page_titleImg{

View File

@@ -119,6 +119,7 @@ export default defineComponent({
<style lang="less" scoped>
.account_followFans{
width: 100%;
height: 100%;
.account_followFans_title{
display: flex;
align-items: center;
@@ -131,6 +132,7 @@ export default defineComponent({
}
.account_followFans_body{
padding-bottom: 3rem;
height: 100%;
:deep(.ant-badge){
font-size: var(--aida-fsize2);
}
@@ -154,6 +156,10 @@ export default defineComponent({
background: #000;
}
}
:deep(.ant-tabs-content){
height: 100%;
overflow-y: auto;
}
}
}
</style>

View File

@@ -141,6 +141,7 @@ export default defineComponent({
}
:deep(.ant-tabs-nav){
padding: 0rem 5rem;
margin-bottom: 6rem;
&::before{
display: none;
}

View File

@@ -1,11 +1,10 @@
<template>
<div class="accountEdit_page">
<div class="accountEdit_page_body">
<div class="accountEdit_page_body_item">
<div class="accountEdit_page_body_item generalModel_state">
<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;">
<div class="generalModel_state_item" style="display: flex;justify-content: space-between;">
<a-select
class="gallerySelect"
v-model:value="selectSex"
size="large"
optionFilterProp="label"
@@ -15,16 +14,17 @@
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">
<input class="" style="width: 30%;" :class="{active:!!userDetail.occupation}" type="text" :placeholder="$t('account.plaseFirst')" v-model="surname">
<input class="" 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 generalModel_state">
<div class="accountEdit_page_body_item_name">{{$t('account.Country')}}:</div>
<div class="accountEdit_page_body_item_inut">
<div class="generalModel_state_item">
<a-select
v-model:value="Country"
size="large"
style="width: 100%;"
optionFilterProp="label"
:options="countryList"
placeholder="Please select"
@@ -33,10 +33,10 @@
></a-select>
</div>
</div>
<div class="accountEdit_page_body_item">
<div class="accountEdit_page_body_item generalModel_state">
<div class="accountEdit_page_body_item_name">{{$t('account.CompanyName')}}:</div>
<div class="accountEdit_page_body_item_inut">
<input type="text" v-model="CompanyName">
<div class="generalModel_state_item">
<input type="text" style="width: 100%;" v-model="CompanyName">
</div>
</div>
<div class="accountEdit_page_body_item">
@@ -165,56 +165,27 @@ export default defineComponent({
margin-bottom: 20px;
flex-direction: column;
width: 100%;
align-items: flex-start;
.generalModel_state_item{
width: 100%;
}
.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{
textarea{
padding-left: 11px;
border-radius: 1.6rem;
border: 2px solid #D0D0D0;
width: 100%;
font-size: 2rem;
}
input{
height: 40px;
}
.accountEdit_page_body_item_name{
color: #000;
text-align: left;
font-size: 2rem;
}
.accountEdit_page_body_item_inut{
margin-top: 1.5rem;
flex: 1;
.ant-select-lg{
font-size: 2rem;
}
.ant-select{
width: 100%;
border-radius: 1.6rem;
border: 2px solid #D0D0D0;
overflow: hidden;
.ant-select-selector{
border-radius: 1.6rem;
}
:deep(.ant-select-selector ){
border: none !important;
}
}
font-weight: 600;
margin-bottom: 1.5rem;
}
}
.accountEdit_page_body_item:last-child{