|
@@ -46,19 +46,25 @@
|
|
|
</template>
|
|
|
</div>
|
|
|
<template v-if="personalSign">
|
|
|
- <div class="flex flex-row items-center mt-8 w-max text-nowrap text-sm text-black-3">
|
|
|
+ <div
|
|
|
+ class="mt-8 flex w-max flex-row items-center text-nowrap text-sm text-black-3"
|
|
|
+ >
|
|
|
{{ personalSign }}
|
|
|
- <el-popover
|
|
|
- v-if="isShowMore"
|
|
|
- placement="bottom-end"
|
|
|
- :width="200"
|
|
|
- trigger="hover"
|
|
|
- >
|
|
|
- <span class="text-black-6 text-sm">{{ userInfo.personalSign }}</span>
|
|
|
- <template #reference>
|
|
|
- <span class="text-sm text-black-6 ml-5 cursor-pointer">更多</span>
|
|
|
- </template>
|
|
|
- </el-popover>
|
|
|
+ <el-popover
|
|
|
+ v-if="isShowMore"
|
|
|
+ placement="bottom-end"
|
|
|
+ :width="200"
|
|
|
+ trigger="hover"
|
|
|
+ >
|
|
|
+ <span class="text-sm text-black-6">{{
|
|
|
+ userInfo.personalSign
|
|
|
+ }}</span>
|
|
|
+ <template #reference>
|
|
|
+ <span class="ml-5 cursor-pointer text-sm text-black-6"
|
|
|
+ >更多</span
|
|
|
+ >
|
|
|
+ </template>
|
|
|
+ </el-popover>
|
|
|
</div>
|
|
|
</template>
|
|
|
</div>
|
|
@@ -138,7 +144,6 @@ const tabList = ref([
|
|
|
{ label: '获赞', listType: null, numText: '0' }
|
|
|
])
|
|
|
|
|
|
-
|
|
|
// 个性签名显示逻辑
|
|
|
let isShowMore = ref(false)
|
|
|
const personalSign = computed(() => {
|
|
@@ -156,7 +161,6 @@ const personalSign = computed(() => {
|
|
|
return personalSign.substring(0, 30) + '...'
|
|
|
})
|
|
|
|
|
|
-
|
|
|
const followModalProps = ref({
|
|
|
visible: false,
|
|
|
listType: null
|
|
@@ -200,7 +204,7 @@ onMounted(() => {
|
|
|
|
|
|
<style lang="scss" scoped>
|
|
|
.profile-page {
|
|
|
- height: calc(100vh - 60px);
|
|
|
+ // height: calc(100vh - 60px);
|
|
|
background: #e9f1f8;
|
|
|
|
|
|
.page-content {
|