Browse Source

feat: 更新 moment-item 组件,添加 levelId 属性以支持动态徽章显示;优化首页和个人页面的样式

EvilDragon 3 months ago
parent
commit
88d4448717

+ 8 - 3
packages/app/src/components/moment-item.vue

@@ -36,6 +36,7 @@ const props = withDefaults(
       upvoteCount?: number
       ownUpvote: boolean
       reviewCount: number
+      levelId?: number
     }
     isOwn?: boolean
   }>(),
@@ -98,9 +99,13 @@ onMounted(async () => {
           />
         </view>
         <view class="">{{ props.options.stylistName }}</view>
-        <!-- <template v-if="levelsByLevel[options?.member?.level]?.badge"> -->
-        <wd-img width="63" height="18.6" :src="levelsByLevel[2]?.badge || ''"></wd-img>
-        <!-- </template> -->
+        <template v-if="levelsByLevel[options?.levelId]?.badge">
+          <wd-img
+            width="63"
+            height="18.6"
+            :src="levelsByLevel[options?.levelId]?.badge || ''"
+          ></wd-img>
+        </template>
         <view class="flex-1"></view>
         <view>{{ beforeNow(dayjs(props.options.createTime).toDate()) }}</view>
       </view>

+ 1 - 1
packages/app/src/pages/home/moment/index.vue

@@ -155,7 +155,7 @@ onShareAppMessage(async ({ from, target }) => {
       imageMode="widthFix"
     ></wd-swiper> -->
     <view class="m-3.5">
-      <div class="text-black/90 text-base font-normal font-['PingFang_SC'] leading-[10.18px]">
+      <div class="text-black/90 text-base font-normal font-['PingFang_SC']">
         {{ data?.circleDesc }}
       </div>
       <view class="my-5.5 flex gap-3.5 flex-wrap">

+ 1 - 1
packages/app/src/pages/mine/index.vue

@@ -24,7 +24,7 @@ import { useRouter } from '../../core/utils/router'
 import { NetImages } from '../../core/libs/net-images'
 import { qrCodeString2Object, requestToast, toQrCodeString } from '../../core/utils/common'
 import { QrCodeBusinessType } from '../../core/libs/enums'
-import { usePermissions } from '@/composables/permissions'
+import { usePermissions } from '../../composables/permissions'
 
 const router = useRouter()
 const userStore = useUserStore()