文件上传区域展开bug修复
This commit is contained in:
@@ -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%
|
||||
|
||||
Reference in New Issue
Block a user