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

换背景，印花single模式交互修改

Browse Source
This commit is contained in:
X1627315083
2024-07-02 14:15:11 +08:00
parent 8e694ce2c4
commit 2bc888eac9
12 changed files with 196 additions and 91 deletions
Download Patch File Download Diff File Expand all files Collapse all files

79
src/component/WorksPage/newScaleImage.vue
View File

@@ -54,6 +54,8 @@
</div> -->
<div class="detail_right_user_content">
<div class="scaleImage_chunk_title_intro">@{{scaleImageData.userName}}</div>
<div v-if="scaleImageData.original == 1" class="scaleImage_chunk_title_intro scaleImage_chunk_title_Original">{{$t('newScaleImage.Original')}}</div>
<div v-else class="scaleImage_chunk_title_intro">{{$t('newScaleImage.from')}}<span>@{{ scaleImageData.originalUserName }}/{{ scaleImageData.originalUserName }}</span></div>
<!-- <div class="scaleImage_chunk_title_intro">个性签名</div>
<div class="scaleImage_chunk_btn">关注</div> -->
</div>
@@ -260,7 +262,7 @@ import fullScreenImg from '@/component/HomePage/fullScreenImg.vue'
export default defineComponent({
components:{fullScreenImg},
emits:['deletePorfolio'],
emits:['deletePorfolio','bbb'],
setup(props:any,{emit}) {
let {t} = useI18n()
//首先在setup中定义
@@ -735,6 +737,44 @@ export default defineComponent({
}
}
}
.detail_right_user{
display: flex;
width: 100%;
.detail_right_user_content{
display: flex;
flex-direction: row;
justify-content: space-between;
width: 100%;
.scaleImage_chunk_title_Original{
color: #39215b;
background: #c9a2ff;
padding: 0 1rem;
border-radius: 4px;
font-weight: 600;
}
.scaleImage_chunk_title_intro{
span{
cursor: pointer;
color: #39215b;
text-decoration: underline;
}
}
}
.detail_right_user_head{
border-radius: 50%;
overflow: hidden;
margin-right: var(--margin);
img{
width: 10rem;
height: 10rem;
object-fit: cover;
}
}
.detail_right_user_head:hover{
}
}
.newScaleImage_left{
display: flex;
width: 60%;
@@ -1128,42 +1168,7 @@ export default defineComponent({
}
}
.newScaleImage_right_detail{
.detail_right_user{
display: flex;
.detail_right_user_head{
border-radius: 50%;
overflow: hidden;
margin-right: var(--margin);
img{
width: 10rem;
height: 10rem;
object-fit: cover;
}
}
.detail_right_user_head:hover{
}
.detail_right_user_content{
flex: 1;
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
.detail_right_user_content_intro,.detail_right_user_content_btn{
font-size: 1.6rem;
}
.detail_right_user_content_intro{
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
color: #6b6b6b;
}
.detail_right_user_content_btn{
border: .2rem solid var(--border-color);
}
}
}
.detail_right_work_detail{
.scaleImage_chunk_title_intro{
margin-top: calc(var(--padding) / 2);