Showing
1 changed file
with
9 additions
and
10 deletions
| 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> | ... | ... |
-
Please register or login to post a comment