sileya-ai
/
vr-shopxo-uniapp
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

修改nvue弹出框处理

master
于肖磊 2026-03-09 18:43:36 +08:00
parent 961ebe4a25
commit 4b9d131adf
1 changed files with 13 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

30
pages/plugins/video/detail/detail.nvue
View File

@ -331,11 +331,14 @@
computed: {
// 视频列表高度
swiperStyle() {
return this.show_comment_modal ? (this.move_distance > 0 ? `height: calc(${this.windowHeight * 0.3 } + ${this.move_distance}px);` : `height: ${this.windowHeight * 0.3 };`) : `height: ${ this.windowHeight };`;
return this.show_comment_modal ? (this.move_distance > 0 ? `height: ${Math.round(this.windowHeight * 0.3) + this.move_distance}px;` : `height: ${Math.round(this.windowHeight * 0.3)}px;`) : `height: ${this.windowHeight}px;`;
},
// 评论内容区域高度
commentContentStyle() {
return this.show_comment_modal && this.move_distance > 0 ? `transform: translateY(3px); width:${this.windowWidth }px; height: calc(${this.windowHeight * 0.7 - 10} - ${this.move_distance}px);` : `transform: translateY(0); width:${this.windowWidth }px;height: calc(${this.windowHeight * 0.7 + 10 }px);`;
const baseHeight = Math.round(this.windowHeight * 0.7);
return this.show_comment_modal && this.move_distance > 0
? `transform: translateY(3px); width:${this.windowWidth}px; height: ${baseHeight - 10 - this.move_distance}px;`
: `transform: translateY(0); width:${this.windowWidth}px; height: ${baseHeight + 10}px;`;
},
// 当前播放视频的索引
current_video_index() {
@ -477,7 +480,7 @@
// #endif
this.header_padding_left = padding_left;
this.menu_button_info = menu_button_info;
this.current_video_id = isEmpty(this.current_video_id) ? this.params.id : this.current_video_id;
this.current_video_id = isEmpty(this.current_video_id) ? this.params.id : this.current_video_id;
this.get_video_detail(this.current_video_id);
} catch (error) {
@ -2066,24 +2069,17 @@
/* 评论弹窗样式 */
.comment-modal {
position: fixed;
top: 0;
top: 0;
left: 0;
// left: 50%;
// transform: translateX(-50%);
width: 100%;
height: 100%;
max-width: 1600rpx;
background-color: rgba(0, 0, 0, 0.5);
z-index: 99;
display: flex;
display: flex;
flex-direction: row;
justify-content: center;
align-items: flex-end;
}
.comment-content {
width: 100%;
height: 70%;
background-color: #fff;
border-top-left-radius: 30rpx;
border-top-right-radius: 30rpx;
@ -2096,7 +2092,7 @@
padding: 30rpx;
box-sizing: border-box;
border-bottom: 2rpx solid #eee;
display: flex;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
@ -2118,8 +2114,8 @@
}
.comment-scroll {
width: 100%;
height: 100%;
width: 750rpx;
height: 854rpx;
padding: 30rpx;
box-sizing: border-box;
}
@ -2136,7 +2132,7 @@
gap: 40rpx;
}
.comment-input-container {
display: flex;
display: flex;
flex-direction: row;
padding: 20rpx;
border-top: 2rpx solid #eee;
@ -2176,7 +2172,7 @@
/* 新的举报弹窗样式 */
.report-content {
width: 100%;
width: 750rpx;
max-width: 750rpx;
background-color: #fff;
border-radius: 20rpx;