文件上传区域展开bug修复

This commit is contained in:
FengHui
2026-04-03 19:22:20 +08:00
parent db9707e866
commit 15668dc769
2 changed files with 35 additions and 6 deletions

View File

@@ -255,8 +255,8 @@
</view>
</view>
<view class="ai-tips">本服务为AI生成内容结果仅供参考</view>
<!-- btn -->
<CollapseTransition :show="showfile">
<!-- 文件上传区域 - 使用绝对定位向上展开避免被tabbar遮挡 -->
<view class="file-upload-popup" :class="{ show: showfile }">
<view class="area-tips">
<uni-icons type="info-filled" color="#ADADAD" size="15"></uni-icons>
上传后自动解析简历内容
@@ -275,7 +275,7 @@
<text>文件上传</text>
</view>
</view>
</CollapseTransition>
</view>
<!-- filelist -->
<view class="area-uploadfiles" v-if="filesList.length">
@@ -335,7 +335,6 @@ import { storeToRefs } from 'pinia';
// 移除重复导入使用从globalFunction注入的config
import useChatGroupDBStore from '@/stores/userChatGroupStore';
import MdRender from '@/components/md-render/md-render.vue';
import CollapseTransition from '@/components/CollapseTransition/CollapseTransition.vue';
import PopupFeeBack from './popupbadFeeback.vue';
import AudioWave from './AudioWave.vue';
import WaveDisplay from './WaveDisplay.vue';
@@ -1374,6 +1373,29 @@ image-margin-top = 40rpx
color: #434343;
margin-top: 18rpx
}
/* 文件上传弹窗 - 向上展开避免被tabbar遮挡 */
.file-upload-popup {
position: absolute;
bottom: 100%;
left: 0;
right: 0;
background: #FFFFFF;
padding: 0 28rpx 24rpx 28rpx;
box-shadow: 0rpx -4rpx 10rpx 0rpx rgba(11,44,112,0.06);
transform: translateY(20rpx);
opacity: 0;
visibility: hidden;
transition: all 0.3s ease;
z-index: 1002;
}
.file-upload-popup.show {
transform: translateY(0);
opacity: 1;
visibility: visible;
}
.area-file
display: grid
width: 100%