Hooke / tswj

Go to a project
Toggle navigation Toggle navigation pinning
hookehuyr
84c1d1f1 1 parent b8417d2c

✨ feat: 图片简写方式调整

Inline Side-by-side
Showing 5 changed files with 34 additions and 24 deletions
1 <template> 1 <template>
2 <div class="video-wrapper" style="position: relative;"> 2 <div class="video-wrapper" style="position: relative;">
3 <div v-if="mp && detail.showStatus" class="status"> 3 <div v-if="mp && detail.showStatus" class="status">
4 - <van-image v-if="item.status === 'ENABLE'" round width="6rem" height="6rem" style="vertical-align: bottom;" :src="icon_enable" /> 4 + <van-image v-if="item.status === 'ENABLE'" round width="6rem" height="6rem" style="vertical-align: bottom;"
5 - <van-image v-if="item.status === 'DISABLE'" round width="6rem" height="6rem" style="vertical-align: bottom;" :src="icon_refuse" /> 5 + :src="icon_enable" />
6 - <van-image v-if="item.status === 'APPLY'" round width="6rem" height="6rem" style="vertical-align: bottom;" :src="icon_apply" /> 6 + <van-image v-if="item.status === 'DISABLE'" round width="6rem" height="6rem" style="vertical-align: bottom;"
7 + :src="icon_refuse" />
8 + <van-image v-if="item.status === 'APPLY'" round width="6rem" height="6rem" style="vertical-align: bottom;"
9 + :src="icon_apply" />
7 </div> 10 </div>
8 <div class="video-div" :id="'mui-player-' + item.id"></div> 11 <div class="video-div" :id="'mui-player-' + item.id"></div>
9 <div v-if="mp"> 12 <div v-if="mp">
...@@ -11,8 +14,9 @@ ...@@ -11,8 +14,9 @@
11 <div class="video-bar"> 14 <div class="video-bar">
12 <van-row> 15 <van-row>
13 <van-col span="12" @click="goTo"> 16 <van-col span="12" @click="goTo">
14 - <van-image v-if="item.avatar" round width="2rem" height="2rem" style="vertical-align: middle;" :src="item.avatar" />&nbsp; 17 + <van-image round width="2rem" height="2rem" style="vertical-align: middle;"
15 - <van-image v-else round width="2rem" height="2rem" style="vertical-align: middle;" :src="icon_avatar" />&nbsp; 18 + :src="item.avatar ? item.avatar : icon_avatar" />&nbsp;
19 + &nbsp;
16 <span style="font-size: 1.05rem;vertical-align: middle;">{{ item.name }}</span> 20 <span style="font-size: 1.05rem;vertical-align: middle;">{{ item.name }}</span>
17 </van-col> 21 </van-col>
18 <van-col span="12"> 22 <van-col span="12">
...@@ -23,7 +27,8 @@ ...@@ -23,7 +27,8 @@
23 </span> 27 </span>
24 &nbsp;&nbsp;&nbsp; 28 &nbsp;&nbsp;&nbsp;
25 <span @click="handleAction('like', detail.id)"> 29 <span @click="handleAction('like', detail.id)">
26 - <van-icon v-if="!detail.is_like" :name="icon_dianzan1" size="1.2rem" style="vertical-align: bottom;" /> 30 + <van-icon v-if="!detail.is_like" :name="icon_dianzan1" size="1.2rem"
31 + style="vertical-align: bottom;" />
27 <van-icon v-else :name="icon_dianzan2" size="1.2rem" style="vertical-align: bottom;" /> 32 <van-icon v-else :name="icon_dianzan2" size="1.2rem" style="vertical-align: bottom;" />
28 {{ detail.like_num }} 33 {{ detail.like_num }}
29 </span> 34 </span>
...@@ -32,7 +37,8 @@ ...@@ -32,7 +37,8 @@
32 </van-row> 37 </van-row>
33 </div> 38 </div>
34 <!-- FIXME: 反馈意见：显示书名+语言 --> 39 <!-- FIXME: 反馈意见：显示书名+语言 -->
35 - <div @click="goTo" style="color: #999999; padding: 0px 1rem 0.5rem;">{{ item.kg_name }} ｜ {{ item.localism_type }} 40 + <div @click="goTo" style="color: #999999; padding: 0px 1rem 0.5rem;">{{ item.kg_name }} ｜ {{ item.localism_type
41 + }}
36 </div> 42 </div>
37 </div> 43 </div>
38 <div v-else class="audit-module" style="margin-top: 1rem;"> 44 <div v-else class="audit-module" style="margin-top: 1rem;">
......
...@@ -15,7 +15,7 @@ ...@@ -15,7 +15,7 @@
15 <div class="video-bar"> 15 <div class="video-bar">
16 <van-row align="center"> 16 <van-row align="center">
17 <van-col span="8"> 17 <van-col span="8">
18 - <van-image round width="2rem" height="2rem" style="vertical-align: middle;" :src="item.cover" />&nbsp; 18 + <van-image round width="2rem" height="2rem" style="vertical-align: middle;" :src="item.avatar" />&nbsp;
19 <span style="font-size: 1.05rem; vertical-align: middle;">{{ item.name }}</span> 19 <span style="font-size: 1.05rem; vertical-align: middle;">{{ item.name }}</span>
20 </van-col> 20 </van-col>
21 <van-col span="16"> 21 <van-col span="16">
...@@ -78,7 +78,8 @@ ...@@ -78,7 +78,8 @@
78 </div> 78 </div>
79 </van-overlay> 79 </van-overlay>
80 80
81 - <van-dialog v-model:show="show" title="温馨提示" show-cancel-button :confirmButtonColor="styleColor.baseColor" @confirm="handleAudit('enable')" @cancel="onCancel"> 81 + <van-dialog v-model:show="show" title="温馨提示" show-cancel-button :confirmButtonColor="styleColor.baseColor"
82 + @confirm="handleAudit('enable')" @cancel="onCancel">
82 <div style="padding: 1rem; text-align: center;">是否确认审核通过该视频 ？</div> 83 <div style="padding: 1rem; text-align: center;">是否确认审核通过该视频 ？</div>
83 </van-dialog> 84 </van-dialog>
84 </template> 85 </template>
......
...@@ -20,14 +20,14 @@ ...@@ -20,14 +20,14 @@
20 </van-row> 20 </van-row>
21 </div> 21 </div>
22 <div style="height: 4rem;"></div> 22 <div style="height: 4rem;"></div>
23 - <van-list v-model:loading="loading" :finished="finished" :finished-text="finishedTextStatus ? '没有更多了' : ''" @load="onLoad" 23 + <van-list v-model:loading="loading" :finished="finished" :finished-text="finishedTextStatus ? '没有更多了' : ''"
24 - :immediate-check="false"> 24 + @load="onLoad" :immediate-check="false">
25 <template v-for="(item, key) in replyList" :key="key"> 25 <template v-for="(item, key) in replyList" :key="key">
26 <div class="comment-wrapper"> 26 <div class="comment-wrapper">
27 <van-row style="font-size: 0.9rem;"> 27 <van-row style="font-size: 0.9rem;">
28 <van-col span="4"> 28 <van-col span="4">
29 - <van-image v-if="item.avatar" round width="3rem" height="3rem" :src="item.avatar" /> 29 + <van-image round width="3rem" height="3rem"
30 - <van-image v-else round width="3rem" height="3rem" :src="icon_avatar" /> 30 + :src="item.avatar ? item.avatar : icon_avatar" />
31 </van-col> 31 </van-col>
32 <van-col span="14"> 32 <van-col span="14">
33 <p>{{ item.name }}</p> 33 <p>{{ item.name }}</p>
...@@ -46,11 +46,7 @@ ...@@ -46,11 +46,7 @@
46 </div> 46 </div>
47 </template> 47 </template>
48 </van-list> 48 </van-list>
49 - <van-empty v-if="emptyStatus" 49 + <van-empty v-if="emptyStatus" class="custom-image" :image="no_image" description="暂无回复" />
50 - class="custom-image"
51 - :image="no_image"
52 - description="暂无回复"
53 - />
54 </div> 50 </div>
55 <comment-box :showPopup="showCommentBoxPopup" :type="commentType" :replayUser="replayUser" 51 <comment-box :showPopup="showCommentBoxPopup" :type="commentType" :replayUser="replayUser"
56 @on-submit="submitCommentBox" @on-close="closeCommentBox"></comment-box> 52 @on-submit="submitCommentBox" @on-close="closeCommentBox"></comment-box>
......
1 <template> 1 <template>
2 - <van-popup v-model:show="show" :close-on-click-overlay="false" round position="bottom" :style="{ height: popupHeight }"> 2 + <van-popup v-model:show="show" :close-on-click-overlay="false" round position="bottom"
3 + :style="{ height: popupHeight }">
3 <div class="donate-wrapper"> 4 <div class="donate-wrapper">
4 <div class="donate-header"> 5 <div class="donate-header">
5 <van-row> 6 <van-row>
6 <van-col> 7 <van-col>
7 <div class="donate-book"> 8 <div class="donate-book">
8 - <van-image v-if="item.avatar" width="80" height="80" :src="item.avatar" /> 9 + <van-image width="80" height="80" :src="item.avatar ? item.avatar : icon_avatar" />
9 - <van-image v-else width="80" height="80" :src="icon_avatar" />
10 </div> 10 </div>
11 </van-col> 11 </van-col>
12 <van-col> 12 <van-col>
......
1 +<!--
2 + * @Author: hookehuyr hookehuyr@gmail.com
3 + * @Date: 2022-05-23 14:30:57
4 + * @LastEditors: hookehuyr hookehuyr@gmail.com
5 + * @LastEditTime: 2022-06-07 15:26:03
6 + * @FilePath: /tswj/src/components/MuiVideo/videoBar.vue
7 + * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
8 +-->
1 <template> 9 <template>
2 <div v-if="barType === 1" class="video-bar"> 10 <div v-if="barType === 1" class="video-bar">
3 <van-row> 11 <van-row>
4 <van-col span="12" @click="goToDetail(item, $router)"> 12 <van-col span="12" @click="goToDetail(item, $router)">
5 - <van-image v-if="item.avatar" round width="2rem" height="2rem" style="vertical-align: middle;" 13 + <van-image round width="2rem" height="2rem" style="vertical-align: middle;"
6 - :src="item.avatar" />&nbsp; 14 + :src="item.avatar ? item.avatar : icon_avatar" />&nbsp;
7 - <van-image v-else round width="2rem" height="2rem" style="vertical-align: middle;" :src="icon_avatar" />&nbsp;
8 <span style="font-size: 1.05rem;vertical-align: middle;">{{ item.name }}</span> 15 <span style="font-size: 1.05rem;vertical-align: middle;">{{ item.name }}</span>
9 </van-col> 16 </van-col>
10 <van-col span="12"> 17 <van-col span="12">
......