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"> 4 <div v-for="(item, key) in commentList" :key="key">
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;">
6 <van-col span="4"> 7 <van-col span="4">
7 - <van-image v-if="item.avatar" round width="3rem" height="3rem" :src="item.avatar" /> 8 + <van-image round width="3rem" height="3rem" :src="item.avatar ? item.avatar : icon_avatar" />
8 - <van-image v-else round width="3rem" height="3rem" :src="icon_avatar" />
9 </van-col> 9 </van-col>
10 <van-col span="16"> 10 <van-col span="16">
11 <p>{{ item.name }}</p> 11 <p>{{ item.name }}</p>
12 <p>{{ item.kg_name }}</p> 12 <p>{{ item.kg_name }}</p>
13 </van-col> 13 </van-col>
14 <van-col span="4" style="text-align: center;"> 14 <van-col span="4" style="text-align: center;">
15 - <p @click="setComment(item, 'reply')" style="color: #333333;">回复</p> 15 + <p style="color: #333333;" @click="setComment(item, 'reply')">回复</p>
16 <p>2-25</p> 16 <p>2-25</p>
17 </van-col> 17 </van-col>
18 </van-row> 18 </van-row>
19 <van-row> 19 <van-row>
20 <van-col> 20 <van-col>
21 - <span style="color: #222222;">{{ item.c_action }}<span style="color: #0B3A72;">@{{ item.c_name }}</span>:{{ item.note }}</span> 21 + <span style="color: #222222;">{{ item.c_action }}<span style="color: #0B3A72;">@{{ item.c_name }}</span>:{{
22 + item.note }}</span>
22 </van-col> 23 </van-col>
23 </van-row> 24 </van-row>
24 </div> 25 </div>
...@@ -26,8 +27,9 @@ ...@@ -26,8 +27,9 @@
26 <div style="padding: 1rem; background-color: #F7F7F7;" @click="onClick(item)"> 27 <div style="padding: 1rem; background-color: #F7F7F7;" @click="onClick(item)">
27 <van-row> 28 <van-row>
28 <van-col span="8" style="position: relative;"> 29 <van-col span="8" style="position: relative;">
29 - <van-image width="8rem" height="5rem" lazy-load :src="item.cover" style="vertical-align: text-bottom;"> 30 + <van-image width="8rem" height="5rem" fit="cover" lazy-load :src="item.cover"
30 - <template v-slot:error>加载失败</template> 31 + style="vertical-align: text-bottom;">
32 + <template #error>加载失败</template>
31 </van-image> 33 </van-image>
32 <!-- <div style="position: absolute; top: 2rem; left: 3rem;"> 34 <!-- <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> 35 <van-image width="2rem" height="2rem" :src="icon_player" style="vertical-align: text-bottom;" > </van-image>
...@@ -42,13 +44,10 @@ ...@@ -42,13 +44,10 @@
42 </div> 44 </div>
43 </van-list> 45 </van-list>
44 46
45 - <van-empty v-if="emptyStatus" 47 + <van-empty v-if="emptyStatus" class="custom-image" :image="no_image" description="暂无@我的" />
46 - class="custom-image"
47 - :image="no_image"
48 - description="暂无@我的"
49 - />
50 48
51 - <comment-box :showPopup="showCommentBoxPopup" :type="commentType" :replayUser="replayUser" @on-submit="submitCommentBox" @on-close="closeCommentBox"></comment-box> 49 + <comment-box :show-popup="showCommentBoxPopup" :type="commentType" :replay-user="replayUser"
50 + @on-submit="submitCommentBox" @on-close="closeCommentBox" />
52 </template> 51 </template>
53 52
54 <script setup> 53 <script setup>
......