修改数据显示
parent
f7b997e55c
commit
47adfa1816
|
|
@ -90,8 +90,8 @@
|
|||
</template>
|
||||
|
||||
<!-- 评论弹窗 -->
|
||||
<view v-if="show_comment_modal" class="comment-modal" :style="width_height_style">
|
||||
<view class="comment-content bottom-line-exclude-bottom" @tap.stop :style="commentContentStyle">
|
||||
<view v-if="show_comment_modal" class="comment-modal" :style="width_height_style" @tap="close_comment_modal">
|
||||
<view class="comment-content bottom-line-exclude-bottom" @tap="comment_modal_content" :style="commentContentStyle">
|
||||
<view class="comment-header" data-type="header" @tap.stop @touchstart.prevent="handle_comment_touch_start" @touchmove.prevent="handle_comment_touch_move" @touchend="handle_comment_touch_end">
|
||||
<text class="comment-count">{{$t('common.comment')}}</text>
|
||||
<view class="close-btn" @tap="close_comment_modal">✕</view>
|
||||
|
|
@ -145,9 +145,9 @@
|
|||
</template>
|
||||
</template>
|
||||
<template v-else>
|
||||
<cell>
|
||||
<cell>
|
||||
<view class="flex-row align-c jc-c" :style="window_more_style">
|
||||
<component-no-data :propMsg="$t('common.no_data')"></component-no-data>
|
||||
<component-no-data :propMsg="$t('common.no_data')"></component-no-data>
|
||||
</view>
|
||||
</cell>
|
||||
</template>
|
||||
|
|
@ -164,17 +164,17 @@
|
|||
</view>
|
||||
</view>
|
||||
<view class="flex-row align-c wh-auto ht-auto pr-16 box-border-box" :style="window_more_style">
|
||||
<input :value="comment_input_value" class="comment-input mr-10" type="text" confirm-type="send" :adjust-position="false" :placeholder="$t('video-detail.video-detail.98yyuf')" @focus="add_comment" @input="comment_input_event" @confirm="send_comment" />
|
||||
<input :value="comment_input_value" class="comment-input mr-10" type="text" confirm-type="send" :adjust-position="false" :placeholder="$t('video-detail.video-detail.98yyuf')" @focus="add_comment" @input="comment_input_event" @confirm="send_comment" />
|
||||
<component-upload :propMaxNum="propMaxNum" :propPathType="editor_path_type" propSlot propSingleCall propIsAllInfo @callBack="upload_images_event">
|
||||
<u-icon propName="layout-module-single-images" propSize="40rpx" propColor="#999"></u-icon>
|
||||
</component-upload>
|
||||
</view>
|
||||
<view v-if="form_images_list && form_images_list.length > 0" class="pr w h comment-input-img-container">
|
||||
<view v-for="(item, index) in form_images_list" :key="index" class="comment-input-img pr">
|
||||
<image :src="item.url" :data-index="index" @tap="upload_show_event" mode="aspectFill" class="comment-input-img"></image>
|
||||
<view class="form-img-icon flex-row align-c jc-c" @tap="comment_input_img_close">
|
||||
<u-icon propName="close" propSize="30rpx" propColor="#000" class="flex-row align-c jc-c" :data-index="index"></u-icon>
|
||||
</view>
|
||||
<image :src="item.url" :data-index="index" @tap="upload_show_event" mode="aspectFill" class="comment-input-img"></image>
|
||||
<view class="form-img-icon flex-row align-c jc-c" @tap="comment_input_img_close">
|
||||
<u-icon propName="close" propSize="30rpx" propColor="#000" class="flex-row align-c jc-c" :data-index="index"></u-icon>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
|
@ -236,9 +236,9 @@
|
|||
</view>
|
||||
<view v-if="form_images_list && form_images_list.length > 0" class="pr w h comment-input-img-container">
|
||||
<view v-for="(item, index) in form_images_list" :key="index" class="comment-input-img pr">
|
||||
<image :src="item.url" :data-index="index" @tap="upload_show_event" mode="aspectFill" class="comment-input-img"></image>
|
||||
<view class="form-img-icon flex-row align-c jc-c" @tap="comment_input_img_close">
|
||||
<u-icon propName="close" propSize="30rpx" propColor="#000" class="flex-row align-c jc-c" :data-index="index"></u-icon>
|
||||
<image :src="item.url" :data-index="index" @tap="upload_show_event" mode="aspectFill" class="comment-input-img"></image>
|
||||
<view class="form-img-icon flex-row align-c jc-c" @tap="comment_input_img_close">
|
||||
<u-icon propName="close" propSize="30rpx" propColor="#000" class="flex-row align-c jc-c" :data-index="index"></u-icon>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
|
@ -783,7 +783,7 @@
|
|||
|
||||
// 图片上传回调
|
||||
upload_images_event(res) {
|
||||
try {
|
||||
try {
|
||||
console.log(res);
|
||||
if((res || null) != null) {
|
||||
// 存储上传图片内容
|
||||
|
|
@ -834,6 +834,14 @@
|
|||
}
|
||||
},
|
||||
|
||||
comment_modal_content(e) {
|
||||
try {
|
||||
e.stopPropagation();
|
||||
} catch (error) {
|
||||
console.error('comment_modal error:', error);
|
||||
}
|
||||
},
|
||||
|
||||
// 收藏
|
||||
handle_like(e) {
|
||||
try {
|
||||
|
|
@ -882,8 +890,7 @@
|
|||
},
|
||||
// 关闭评论区
|
||||
close_comment_modal(e) {
|
||||
try {
|
||||
|
||||
try {
|
||||
this.active_dropdown_id = null;
|
||||
this.show_comment_modal = false;
|
||||
this.comment_scroll_top = 0 + Math.random(); // 关闭评论时滚动到最顶部
|
||||
|
|
@ -899,11 +906,12 @@
|
|||
if (this.comment_move_throttle_timer) {
|
||||
clearTimeout(this.comment_move_throttle_timer);
|
||||
this.comment_move_throttle_timer = null;
|
||||
}
|
||||
|
||||
if (this.$refs.commentRef) {
|
||||
this.$refs.commentRef.blur();
|
||||
}
|
||||
|
||||
if (this.$refs.commentRef) {
|
||||
this.$refs.commentRef.blur();
|
||||
}
|
||||
e.stopPropagation();
|
||||
} catch (error) {
|
||||
console.error('close_comment_modal error:', error);
|
||||
}
|
||||
|
|
|
|||
Loading…
Reference in New Issue