Showing
2 changed files
with
33 additions
and
22 deletions
| 1 | <template> | 1 | <template> |
| 2 | <div class="video-wrapper"> | 2 | <div class="video-wrapper"> |
| 3 | <div class="video-div" :id="'mui-player-' + item.id"></div> | 3 | <div class="video-div" :id="'mui-player-' + item.id"></div> |
| 4 | - <div class="video-bar"> | 4 | + <div class="normal-module"> |
| 5 | - <van-row> | 5 | + <div class="video-bar"> |
| 6 | - <van-col span="12" @click="goTo"> | 6 | + <van-row> |
| 7 | - <van-image round width="2rem" height="2rem" style="vertical-align: middle;" :src="item.avatar" /> | 7 | + <van-col span="12" @click="goTo"> |
| 8 | - <span style="font-size: 1.05rem;vertical-align: middle;">{{ item.name }}</span> | 8 | + <van-image round width="2rem" height="2rem" style="vertical-align: middle;" :src="item.avatar" /> |
| 9 | - </van-col> | 9 | + <span style="font-size: 1.05rem;vertical-align: middle;">{{ item.name }}</span> |
| 10 | - <van-col span="12"> | 10 | + </van-col> |
| 11 | - <div style="padding: 0.25rem; padding-top: 0.75rem; text-align: right;"> | 11 | + <van-col span="12"> |
| 12 | - <span @click="setComment"> | 12 | + <div style="padding: 0.25rem; padding-top: 0.75rem; text-align: right;"> |
| 13 | - <van-icon :name="icon_liuyan" size="1.2rem" style="vertical-align: bottom;" /> | 13 | + <span @click="setComment"> |
| 14 | - {{ item.comment_num }} | 14 | + <van-icon :name="icon_liuyan" size="1.2rem" style="vertical-align: bottom;" /> |
| 15 | - </span> | 15 | + {{ item.comment_num }} |
| 16 | - | 16 | + </span> |
| 17 | - <span @click="handleAction('like', detail.id)"> | 17 | + |
| 18 | - <van-icon v-if="!detail.is_like" :name="icon_dianzan1" size="1.2rem" style="vertical-align: bottom;" /> | 18 | + <span @click="handleAction('like', detail.id)"> |
| 19 | - <van-icon v-else :name="icon_dianzan2" size="1.2rem" style="vertical-align: bottom;" /> | 19 | + <van-icon v-if="!detail.is_like" :name="icon_dianzan1" size="1.2rem" style="vertical-align: bottom;" /> |
| 20 | - {{ detail.like_num }} | 20 | + <van-icon v-else :name="icon_dianzan2" size="1.2rem" style="vertical-align: bottom;" /> |
| 21 | - </span> | 21 | + {{ detail.like_num }} |
| 22 | - </div> | 22 | + </span> |
| 23 | - </van-col> | 23 | + </div> |
| 24 | - </van-row> | 24 | + </van-col> |
| 25 | + </van-row> | ||
| 26 | + </div> | ||
| 27 | + <div @click="goTo" style="color: #999999; padding: 0px 1rem 0.5rem;">{{ item.kg_name }} | {{ item.localism_type }} | ||
| 28 | + </div> | ||
| 25 | </div> | 29 | </div> |
| 26 | - <div @click="goTo" style="color: #999999; padding: 0px 1rem 0.5rem;">{{ item.kg_name }} | {{ item.localism_type }} | 30 | + <div class="audit-module"> |
| 31 | + | ||
| 27 | </div> | 32 | </div> |
| 28 | </div> | 33 | </div> |
| 29 | </template> | 34 | </template> |
| 30 | 35 | ||
| 31 | <script setup> | 36 | <script setup> |
| 37 | +/** | ||
| 38 | + * 视频组件通用模块 | ||
| 39 | + */ | ||
| 32 | import icon_dianzan1 from '@images/icon-dianzan01@2x.png' | 40 | import icon_dianzan1 from '@images/icon-dianzan01@2x.png' |
| 33 | import icon_dianzan2 from '@images/icon-dianzan02@2x.png' | 41 | import icon_dianzan2 from '@images/icon-dianzan02@2x.png' |
| 34 | import icon_liuyan from '@images/icon-liuyan@2x.png' | 42 | import icon_liuyan from '@images/icon-liuyan@2x.png' | ... | ... |
| ... | @@ -34,6 +34,9 @@ | ... | @@ -34,6 +34,9 @@ |
| 34 | </template> | 34 | </template> |
| 35 | 35 | ||
| 36 | <script setup> | 36 | <script setup> |
| 37 | +/** | ||
| 38 | + * 该组件是放在作品详情页头部 | ||
| 39 | + */ | ||
| 37 | import icon_dianzan1 from '@images/icon-dianzan01@2x.png' | 40 | import icon_dianzan1 from '@images/icon-dianzan01@2x.png' |
| 38 | import icon_dianzan2 from '@images/icon-dianzan02@2x.png' | 41 | import icon_dianzan2 from '@images/icon-dianzan02@2x.png' |
| 39 | import icon_shoucang1 from '@images/icon-shoucang01@2x.png' | 42 | import icon_shoucang1 from '@images/icon-shoucang01@2x.png' | ... | ... |
-
Please register or login to post a comment