hookehuyr

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

<template>
<van-list v-model:loading="loading" :finished="finished" :finished-text="finishedTextStatus ? '没有更多了' : ''" @load="onLoad">
<van-list v-model:loading="loading" :finished="finished" :finished-text="finishedTextStatus ? '没有更多了' : ''"
@load="onLoad">
<div v-for="(item, key) in commentList" :key="key" class="comment">
<div class="comment-wrapper">
<van-row style="font-size: 0.9rem;">
......@@ -12,13 +13,14 @@
<p>{{ item.kg_name }}</p>
</van-col>
<van-col span="5" style="text-align: right;">
<p @click="deleteComment(item)" style="color: #333333;">删除</p>
<p style="color: #333333;" @click="deleteComment(item)">删除</p>
<p>{{ item.comment_time }}</p>
</van-col>
</van-row>
<van-row>
<van-col>
<span style="color: #222222;">{{ item.c_action }}<span style="color: #0B3A72;">@{{ item.c_name }}</span>:{{ item.note }}</span>
<span style="color: #222222;">{{ item.c_action }}<span style="color: #0B3A72;">@{{ item.c_name }}</span>:{{
item.note }}</span>
</van-col>
</van-row>
</div>
......@@ -26,8 +28,9 @@
<div class="raw-ref" @click="onClick(item)">
<van-row>
<van-col span="8" class="image">
<van-image width="8rem" height="5rem" lazy-load :src="item.cover" style="vertical-align: text-bottom;">
<template v-slot:error>加载失败</template>
<van-image width="8rem" height="5rem" fit="cover" lazy-load :src="item.cover"
style="vertical-align: text-bottom;">
<template #error>加载失败</template>
</van-image>
<!-- <div style="position: absolute; top: 2rem; left: 3rem;">
<van-image width="2rem" height="2rem" :src="icon_player" style="vertical-align: text-bottom;"> </van-image>
......@@ -41,11 +44,7 @@
</div>
</div>
</van-list>
<van-empty v-if="emptyStatus"
class="custom-image"
:image="no_image"
description="暂无留言"
/>
<van-empty v-if="emptyStatus" class="custom-image" :image="no_image" description="暂无留言" />
</template>
<script setup>
......