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-06-26 15:41:08 +08:00
parent fd05c70937
commit fc6d8d4c8d
75 changed files with 1772 additions and 672 deletions
Download Patch File Download Diff File Expand all files Collapse all files

39
src/component/Account/account.vue
View File

@@ -134,7 +134,7 @@ export default defineComponent({
route:'/home/account/accountMessage',
icon:'fi-rr-envelope'
},{
name:`${t('account.Follow')} ${t('account.Fans')}`,
name:`${t('account.FollowFans')}`,
route:'/home/account/accountFollowFans',
icon:'fi-rr-users-alt'
},
@@ -266,7 +266,8 @@ export default defineComponent({
.account_page{
height: 100%;
// overflow-y: auto;
padding: 0 7rem;
padding: 0 26rem;
// padding: 0 7rem;
padding-top: 4rem;
display: flex;
overflow: hidden;
@@ -286,25 +287,28 @@ export default defineComponent({
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 7rem;
margin-bottom: 4rem;
.content_item_user_left{
display: flex;
.content_item_user_left_detail{
position: relative;
> .modal_title_text{
font-size: var(--aida-fsize1-6);
}
> .upload_box{
position: absolute;
bottom: 0;
right: 0;
> i{
width: 4rem;
height: 4rem;
width: 3rem;
height: 3rem;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
background: rgba(0,0,0,.5);
color: #fff;
font-size: 2rem;
font-size: 1.6rem;
}
> .upload{
position: absolute;
@@ -346,8 +350,9 @@ export default defineComponent({
align-items: center;
> i{
font-weight: 600;
font-size: 2.2rem;
font-size: 1.6rem;
cursor: pointer;
display: flex;
&.fi-br-check{
width: 3rem;
height: 3rem;
@@ -368,15 +373,17 @@ export default defineComponent({
}
img{
border-radius: 50%;
width: 10rem;
height: 10rem
width: 8rem;
height: 8rem;
}
.content_item_user_left_detail_bottom{
display: flex;
font-size: 1.8rem;
>div{
display: flex;
font-weight: 900;
width: 10rem;
margin-right: 2rem;
span{
font-weight: 600;
color: rgba(0,0,0,.45);
@@ -394,9 +401,10 @@ export default defineComponent({
flex: 1;
overflow: hidden;
.account_page_content_left{
width: 24rem;
width: 18rem;
text-align: center;
margin-right: 10rem;
margin-right: 2rem;
padding: 12px 0;
}
.account_page_content_right{
flex: 1;
@@ -419,7 +427,7 @@ export default defineComponent({
.content_left_item{
display: flex;
align-items: center;
height: 6rem;
height: 5rem;
color: #232323;
div{
white-space: nowrap;
@@ -427,11 +435,11 @@ export default defineComponent({
color: #999999;
// text-align-last: justify;
text-align: left;
font-size: 2rem;
font-size: 1.6rem;
}
i{
color: #cfcfcf;
font-size: 2rem;
font-size: 1.6rem;
display: flex;
margin: 0 2rem;
}
@@ -468,6 +476,7 @@ export default defineComponent({
}
.account_generalMessage_title_setting{
cursor: pointer;
font-size: var(--aida-fsize1-6);
margin-left: auto
}
.account_generalMessage_title_seach{
@@ -496,7 +505,7 @@ export default defineComponent({
border-radius: 0px;
justify-content: space-between;
align-items: center;
padding: 2rem 5rem;
padding: 1.5rem 5rem;
border: none;
border-bottom: 1px solid #e9eaec;
box-shadow: none;

4
src/component/Account/accountFollowFans.vue
View File

@@ -134,7 +134,7 @@ export default defineComponent({
padding-bottom: 3rem;
height: 100%;
:deep(.ant-badge){
font-size: var(--aida-fsize2);
font-size: var(--aida-fsize1-8);
}
:deep(.ant-tabs-nav){
padding: 0rem 5rem;
@@ -144,7 +144,7 @@ export default defineComponent({
.ant-tabs-nav-wrap{
.ant-tabs-tab-btn{
color: #000;
font-size: 2.4rem;
font-size: var(--aida-fsize1-6);
}
.ant-tabs-tab-active{
.ant-tabs-tab-btn{

4
src/component/Account/accountMessage.vue
View File

@@ -177,7 +177,7 @@ export default defineComponent({
.account_message_body{
padding-bottom: 3rem;
:deep(.ant-badge){
font-size: var(--aida-fsize2);
font-size: var(--aida-fsize1-8);
}
:deep(.ant-tabs-nav){
padding: 0rem 5rem;
@@ -186,7 +186,7 @@ export default defineComponent({
}
.ant-tabs-nav-wrap{
.ant-tabs-tab-btn{
font-size: 2.4rem;
font-size: var(--aida-fsize1-6);
}
.ant-tabs-tab-active{
.ant-tabs-tab-btn{

11
src/component/Account/followFans/fans.vue
View File

@@ -3,7 +3,7 @@
<div class="account_generalMessage_title modal_title_text">
<span class="account_generalMessage_title_seach">
<input class="gallery_input" type="text" :placeholder="$t('LibraryPage.jsContent7')" @keydown.enter="searchFollowFansList" v-model="getListData.seachContent">
<div class="gallery_btn" style="margin-left: 2rem;" @click="searchFollowFansList">Search</div>
<div class="gallery_btn" style="margin-left: 2rem;line-height: 4rem;" @click="searchFollowFansList">Search</div>
</span>
</div>
<div class="account_generalMessage_center modal_title_text">
@@ -13,8 +13,8 @@
<img :src="item.avatar" alt="">
</div>
<div class="account_generalMessage_item_right_title">
<div class="">{{ item.userName }}</div>
<div class="modal_title_text_intro">{{ item.createTime }}</div>
<div style="font-size: 1.8rem" class="">{{ item.userName }}</div>
<div style="font-size: 1.4rem" class="modal_title_text_intro">{{ item.createTime }}</div>
</div>
</div>
<div class="account_generalMessage_item_left">
@@ -143,8 +143,8 @@ export default defineComponent({
display: flex;
align-items: center;
.account_generalMessage_item_right_img{
width: 8rem;
height: 8rem;
width: 6rem;
height: 6rem;
margin-right: 2rem;
cursor: pointer;
img{
@@ -160,6 +160,7 @@ export default defineComponent({
border-radius: 4rem;
border: 2px solid #e9eaec;
cursor: pointer;
font-size: 1.8rem;
}
}
}

11
src/component/Account/followFans/follow.vue
View File

@@ -9,7 +9,7 @@
</span> -->
<span class="account_generalMessage_title_seach">
<input class="gallery_input" type="text" :placeholder="$t('LibraryPage.jsContent7')" @keydown.enter="searchFollowFansList" v-model="getListData.seachContent">
<div class="gallery_btn" style="margin-left: 2rem;" @click="searchFollowFansList">Search</div>
<div class="gallery_btn" style="margin-left: 2rem;line-height: 4rem;" @click="searchFollowFansList">Search</div>
</span>
</div>
<div class="account_generalMessage_center modal_title_text">
@@ -20,8 +20,8 @@
<img :src="item.avatar" alt="">
</div>
<div class="account_generalMessage_item_right_title">
<div class="">{{ item.userName }}</div>
<div class="modal_title_text_intro">{{ item.createTime }} </div>
<div style="font-size: 1.8rem" class="">{{ item.userName }}</div>
<div style="font-size: 1.4rem" class="modal_title_text_intro">{{ item.createTime }} </div>
</div>
</div>
<div class="account_generalMessage_item_left">
@@ -151,8 +151,8 @@ export default defineComponent({
display: flex;
align-items: center;
.account_generalMessage_item_right_img{
width: 8rem;
height: 8rem;
width: 6rem;
height: 6rem;
margin-right: 2rem;
cursor: pointer;
img{
@@ -168,6 +168,7 @@ export default defineComponent({
padding: .5rem 2rem;
border-radius: 4rem;
border: 2px solid #e9eaec;
font-size: 1.8rem;
cursor: pointer;
}
}

6
src/component/Account/frontPage.vue
View File

@@ -131,7 +131,7 @@ export default defineComponent({
padding-bottom: 3rem;
height: 100%;
:deep(.ant-badge){
font-size: var(--aida-fsize2);
font-size: var(--aida-fsize1-8);
}
:deep(.ant-tabs-content){
height: 100%;
@@ -141,13 +141,13 @@ export default defineComponent({
}
:deep(.ant-tabs-nav){
padding: 0rem 5rem;
margin-bottom: 6rem;
margin-bottom: 3rem;
&::before{
display: none;
}
.ant-tabs-nav-wrap{
.ant-tabs-tab-btn{
font-size: 2.4rem;
font-size: var(--aida-fsize1-6);
}
.ant-tabs-tab-active{
.ant-tabs-tab-btn{

6
src/component/Account/frontPage/bindPage.vue
View File

@@ -220,15 +220,15 @@ export default defineComponent({
.bind_item{
margin-bottom: 4rem;
>.title{
font-size: 2rem;
margin-bottom: 2rem;
font-size: 1.6rem;
margin-bottom: 1.5rem;
font-weight: 600;
}
>.box{
width: 100%;
border: 2px solid #000;
border-radius: 2rem;
padding: 3rem;
padding: 2rem;
display: flex;
align-items: center;
justify-content: space-between;

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

@@ -162,7 +162,7 @@ export default defineComponent({
// width: 85rem;
.accountEdit_page_body_item{
display: flex;
margin-bottom: 20px;
margin-bottom: 2rem;
flex-direction: column;
width: 100%;
align-items: flex-start;
@@ -183,9 +183,9 @@ export default defineComponent({
.accountEdit_page_body_item_name{
color: #000;
text-align: left;
font-size: 2rem;
font-size: 1.6rem;
font-weight: 600;
margin-bottom: 1.5rem;
margin-bottom: 1rem;
}
}
.accountEdit_page_body_item:last-child{

7
src/component/Account/message/comment.vue
View File

@@ -154,13 +154,14 @@ export default defineComponent({
margin-right: 1rem;
.account_generalMessage_item_right_works{
cursor: pointer;
font-size: 1.4rem;
}
.account_generalMessage_item_right_works:hover{
text-decoration: underline;
}
.account_generalMessage_item_right_img{
width: 8rem;
height: 8rem;
width: 6rem;
height: 6rem;
margin-right: 2rem;
flex-shrink: 0;
cursor: pointer;
@@ -180,11 +181,13 @@ export default defineComponent({
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
font-size: 1.4rem;
}
.account_generalMessage_item_right_title_name{
font-weight: 600;
font-weight: 500;
color: #000;
font-size: 1.8rem;
span{
font-weight: 500;
color: #9999aa;

7
src/component/Account/message/likeMessage.vue
View File

@@ -13,7 +13,7 @@
</div>
<div class="account_generalMessage_item_right_title">
<div class="account_generalMessage_item_right_title_name">{{ item.userName }} <span>{{$t('account.likedYourWork')}}</span></div>
<div>{{ item.portfolioName }}</div>
<div style="font-size: 1.4rem">{{ item.portfolioName }}</div>
</div>
</div>
<div class="account_generalMessage_item_left">
@@ -145,8 +145,8 @@ export default defineComponent({
align-items: center;
margin-right: 1rem;
.account_generalMessage_item_right_img{
width: 8rem;
height: 8rem;
width: 6rem;
height: 6rem;
margin-right: 2rem;
flex-shrink: 0;
cursor: pointer;
@@ -162,6 +162,7 @@ export default defineComponent({
font-weight: 600;
font-weight: 500;
color: #000;
font-size: 1.8rem;
span{
font-weight: 500;
color: #9999aa;

9
src/component/Account/message/newFollow.vue
View File

@@ -12,8 +12,8 @@
<img :src="item.avatar" alt="">
</div>
<div class="account_generalMessage_item_right_title">
<div class="">{{ item.userName }}</div>
<div class="modal_title_text_intro">{{ item.createTime }} {{$t('account.followedYou')}}</div>
<div class="" style="font-size: 1.8rem;">{{ item.userName }}</div>
<div class="modal_title_text_intro" style="font-size: 1.6rem;">{{ item.createTime }} {{$t('account.followedYou')}}</div>
</div>
</div>
<div class="account_generalMessage_item_left">
@@ -153,8 +153,8 @@ export default defineComponent({
display: flex;
align-items: center;
.account_generalMessage_item_right_img{
width: 8rem;
height: 8rem;
width: 6rem;
height: 6rem;
margin-right: 2rem;
cursor: pointer;
img{
@@ -171,6 +171,7 @@ export default defineComponent({
border-radius: 4rem;
border: 2px solid #e9eaec;
cursor: pointer;
font-size: 1.8rem;
}
}
}

1
src/component/Account/message/system.vue
View File

@@ -119,6 +119,7 @@ export default defineComponent({
.account_systemMessage{
width: 100%;
.account_generalMessage_item{
font-size: var(--aida-fsize1-6);
.account_generalMessage_item_title{
display: flex;
align-items: center;