Showing
1 changed file
with
13 additions
and
14 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"> | 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> |
| 25 | - | 26 | + |
| 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> | ... | ... |
-
Please register or login to post a comment