Cxx0822/family-mp
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: 更新图片UI

Browse Source
This commit is contained in:
Cxx0822
2026-09-06 22:49:50 +08:00
parent 6d60784deb
commit 9f75d938c0
1 changed files with 10 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
src/pages/index/index.vue
View File

@@ -7,15 +7,12 @@
<text class="truncate text-lg text-white font-semibold">{{ greeting }}</text> <text class="truncate text-lg text-white font-semibold">{{ greeting }}</text>
<text class="mt-0.5 text-xs text-white/70">{{ today }} · 记录每一个瞬间</text> <text class="mt-0.5 text-xs text-white/70">{{ today }} · 记录每一个瞬间</text>
</view> </view>
<wd-button type="info" size="mini" @click="recordStore.refreshRecord()">
刷新
</wd-button>
</view> </view>
<wd-card v-for="item in recordStore.recordList" :key="item.id"> <wd-card v-for="item in recordStore.recordList" :key="item.id">
<view class="flex items-center gap-2" @click="editClick(item)"> <view class="flex items-center gap-2" @click="editClick(item)">
<wd-img :width="36" :height="36" v-if="item.user.avatar" :src="`${appStore.baseUrl}/${item.user.avatar}`" radius="18" /> <wd-avatar v-if="item.user.avatar" :src="`${appStore.baseUrl}/${item.user.avatar}`" />
<wd-avatar v-else :text="item.user.name.charAt(0)" bg-color="#1E90FF" />
<view class="flex flex-col"> <view class="flex flex-col">
<text class="text-sm font-semibold text-gray-900">{{ item.user.name }}</text> <text class="text-sm font-semibold text-gray-900">{{ item.user.name }}</text>
<text class="text-xs text-gray-400">{{ item.create_time }}</text> <text class="text-xs text-gray-400">{{ item.create_time }}</text>
@@ -30,12 +27,16 @@
<view <view
v-for="(url, i) in item.image_list" v-for="(url, i) in item.image_list"
:key="i" :key="i"
class="relative w-full overflow-hidden rounded-lg aspect-square" class="w-full rounded-lg overflow-hidden"
@click="previewImages(item.image_list, i)" @click="previewImages(item.image_list, i)"
> >
<wd-img :src="`${appStore.baseUrl}/${url}`" <wd-img
width="100%" height="100%" :src="`${appStore.baseUrl}/${url}`"
mode="aspectFit" lazy-load :radius="8"/> width="100%"
mode="widthFix"
lazy-load
:radius="8"
/>
</view> </view>
</view> </view>