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

fix

Browse Source
This commit is contained in:
X1627315083
2024-08-23 10:19:02 +08:00
parent eff35d8a79
commit eb54023940
35 changed files with 1709 additions and 452 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -49,15 +49,15 @@
</div> -->
<!-- <div class="scaleImage_chunk_title_intro">zhh</div> -->
<div class="detail_right_user detail_left_right_item">
<div class="detail_right_user_head">
<img v-lazy="scaleImageData?.imgUrl">
<div class="detail_right_user_head" @click="openOtherUsers">
<img v-lazy="scaleImageData?.avatar">
</div>
<div class="detail_right_user_content">
<div>
<div class="scaleImage_chunk_title_intro">@{{scaleImageData.userName}}</div>
<div v-if="scaleImageData.isFollow == 0" class="started_btn" @click="setFollow()" >{{$t('newScaleImage.Follow')}}</div>
<div v-else class="started_btn" @click="setFollow()" >{{$t('newScaleImage.Unfollow')}}</div>
<div v-if="scaleImageData.isFollow == 0 && userInfo?.userId != scaleImageData?.accountId" style="margin-bottom: 0;" class="started_btn" @click="setFollow()" >{{$t('newScaleImage.Follow')}}</div>
<div v-else-if="userInfo?.userId != scaleImageData?.accountId" class="started_btn" style="margin-bottom: 0;" @click="setFollow()" >{{$t('newScaleImage.Unfollow')}}</div>
</div>
<div v-if="scaleImageData.original == 1" class="scaleImage_chunk_title_intro scaleImage_chunk_title_Original">{{$t('newScaleImage.Original')}}</div>
<div v-else @click="originalGetDetail()" class="scaleImage_chunk_title_intro">{{$t('newScaleImage.from')}}<span :class="{active:scaleImageData.jumpable == 1}"> @{{ scaleImageData.originalUserName }}/{{ scaleImageData.portfolioName }}</span></div>
@@ -349,7 +349,6 @@ export default defineComponent({
// let parent:any = this.$parent
// parent.likeFile(item,str)
// },
let getDeatilData = {}
let originalGetDetail = ()=>{
if(imgData.scaleImageData.jumpable != 1){
return message.info(t('newScaleImage.jsContent6'))
@@ -358,8 +357,10 @@ export default defineComponent({
}
let getDetail = (value:any,str:string)=>{
imgData.loadingShow = true
let data = value
getDeatilData = value
// let data = value
let data = {
id:value.id
}
Https.axiosPost(Https.httpUrls.getPorfolioDetail,data).then(
(rv: any) => {
imgData.loadingShow = false
@@ -493,7 +494,6 @@ export default defineComponent({
imgData.scaleImageData.likeNum += 1
imgData.scaleImageData.isLike = 1
}
// getDetail(getDeatilData,'zan')
})
.catch((rv) => {
});
@@ -568,6 +568,15 @@ export default defineComponent({
}
})
}
let openOtherUsers = ()=>{
const routeUrl = router.resolve({
path:'/home/otherUsers',
query:{
userId:imgData.scaleImageData.accountId
}
})
window.open(routeUrl.href,'_blank')
}
watch(()=>imgData.scaleImageIndex,
(newVal,oldVal)=>{
let dom:any = document.querySelector('.newScaleImage_left .nav_centent')
@@ -602,6 +611,7 @@ export default defineComponent({
setPortfolioLike,
setDeleteComment,
setFollow,
openOtherUsers,
};
},
directives:{
@@ -744,6 +754,7 @@ export default defineComponent({
font-size: 1.6rem;
font-weight: 300;
color: #535353;
text-align: left;
// overflow: hidden;
// text-overflow: ellipsis;
// white-space: nowrap;
@@ -794,14 +805,21 @@ export default defineComponent({
}
}
}
.started_btn{
margin-top: 1rem;
border-radius: 6px;
padding: 0 1rem;
}
}
.detail_right_user_head{
border-radius: 50%;
overflow: hidden;
margin-right: var(--margin);
flex-shrink: 0;
cursor: pointer;
img{
width: 10rem;
height: 10rem;
width: 8rem;
height: 8rem;
object-fit: cover;
}
}
@@ -1207,7 +1225,7 @@ export default defineComponent({
.detail_right_work_detail{
.scaleImage_chunk_title_intro{
margin-top: calc(var(--padding) / 2);
height: auto
height: auto;
}
}

22
src/component/WorksPage/newScaleImageMobile.vue
View File

@@ -31,11 +31,16 @@
</div> -->
<!-- <div class="scaleImage_chunk_title_intro">zhh</div> -->
<div class="detail_right_user detail_left_right_item">
<!-- <div class="detail_right_user_head">
<img v-lazy="scaleImageData?.imgUrl">
</div> -->
<div class="detail_right_user_head">
<img v-lazy="scaleImageData?.avatar">
</div>
<div class="detail_right_user_content">
<div class="scaleImage_chunk_title_intro">@{{scaleImageData.userName}}</div>
<!-- <div class="scaleImage_chunk_title_intro">@{{scaleImageData.userName}}</div> -->
<div>
<div class="scaleImage_chunk_title_intro">@{{scaleImageData.userName}}</div>
<div v-if="scaleImageData.isFollow == 0" class="started_btn" @click="setFollow()" >{{$t('newScaleImage.Follow')}}</div>
<div v-else class="started_btn" @click="setFollow()" >{{$t('newScaleImage.Unfollow')}}</div>
</div>
<div v-if="scaleImageData.original == 1" class="scaleImage_chunk_title_intro scaleImage_chunk_title_Original">{{$t('newScaleImage.Original')}}</div>
<div v-else @click="originalGetDetail()" class="scaleImage_chunk_title_intro">{{$t('newScaleImage.from')}}<span :class="{active:scaleImageData.jumpable == 1}"> @{{ scaleImageData.originalUserName }}/{{ scaleImageData.portfolioName }}</span></div>
<!-- <div class="scaleImage_chunk_title_intro">个性签名</div>
@@ -718,6 +723,7 @@ export default defineComponent({
flex-direction: row;
justify-content: space-between;
width: 100%;
align-items: flex-start;
.scaleImage_chunk_title_Original{
color: #39215b;
background: #c9a2ff;
@@ -734,16 +740,18 @@ export default defineComponent({
}
}
}
}
}
.detail_right_user_head{
border-radius: 50%;
overflow: hidden;
margin-right: var(--margin);
flex-shrink: 0;
img{
width: 10rem;
height: 10rem;
width: 7rem;
height: 7rem;
object-fit: cover;
}
}
.detail_right_user_head:hover{