hookehuyr

✨ feat(我的留言): 图片显示样式调整

1 <template> 1 <template>
2 - <van-list v-model:loading="loading" :finished="finished" :finished-text="finishedTextStatus ? '没有更多了' : ''" @load="onLoad"> 2 + <van-list v-model:loading="loading" :finished="finished" :finished-text="finishedTextStatus ? '没有更多了' : ''"
3 + @load="onLoad">
3 <div v-for="(item, key) in commentList" :key="key" class="comment"> 4 <div v-for="(item, key) in commentList" :key="key" class="comment">
4 <div class="comment-wrapper"> 5 <div class="comment-wrapper">
5 <van-row style="font-size: 0.9rem;"> 6 <van-row style="font-size: 0.9rem;">
...@@ -12,13 +13,14 @@ ...@@ -12,13 +13,14 @@
12 <p>{{ item.kg_name }}</p> 13 <p>{{ item.kg_name }}</p>
13 </van-col> 14 </van-col>
14 <van-col span="5" style="text-align: right;"> 15 <van-col span="5" style="text-align: right;">
15 - <p @click="deleteComment(item)" style="color: #333333;">删除</p> 16 + <p style="color: #333333;" @click="deleteComment(item)">删除</p>
16 <p>{{ item.comment_time }}</p> 17 <p>{{ item.comment_time }}</p>
17 </van-col> 18 </van-col>
18 </van-row> 19 </van-row>
19 <van-row> 20 <van-row>
20 <van-col> 21 <van-col>
21 - <span style="color: #222222;">{{ item.c_action }}<span style="color: #0B3A72;">@{{ item.c_name }}</span>:{{ item.note }}</span> 22 + <span style="color: #222222;">{{ item.c_action }}<span style="color: #0B3A72;">@{{ item.c_name }}</span>:{{
23 + item.note }}</span>
22 </van-col> 24 </van-col>
23 </van-row> 25 </van-row>
24 </div> 26 </div>
...@@ -26,8 +28,9 @@ ...@@ -26,8 +28,9 @@
26 <div class="raw-ref" @click="onClick(item)"> 28 <div class="raw-ref" @click="onClick(item)">
27 <van-row> 29 <van-row>
28 <van-col span="8" class="image"> 30 <van-col span="8" class="image">
29 - <van-image width="8rem" height="5rem" lazy-load :src="item.cover" style="vertical-align: text-bottom;"> 31 + <van-image width="8rem" height="5rem" fit="cover" lazy-load :src="item.cover"
30 - <template v-slot:error>加载失败</template> 32 + style="vertical-align: text-bottom;">
33 + <template #error>加载失败</template>
31 </van-image> 34 </van-image>
32 <!-- <div style="position: absolute; top: 2rem; left: 3rem;"> 35 <!-- <div style="position: absolute; top: 2rem; left: 3rem;">
33 <van-image width="2rem" height="2rem" :src="icon_player" style="vertical-align: text-bottom;"> </van-image> 36 <van-image width="2rem" height="2rem" :src="icon_player" style="vertical-align: text-bottom;"> </van-image>
...@@ -41,11 +44,7 @@ ...@@ -41,11 +44,7 @@
41 </div> 44 </div>
42 </div> 45 </div>
43 </van-list> 46 </van-list>
44 - <van-empty v-if="emptyStatus" 47 + <van-empty v-if="emptyStatus" class="custom-image" :image="no_image" description="暂无留言" />
45 - class="custom-image"
46 - :image="no_image"
47 - description="暂无留言"
48 - />
49 </template> 48 </template>
50 49
51 <script setup> 50 <script setup>
......