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