sdz/ks-app-employment-service
Template
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

文件上传区域展开bug修复

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files

11
components/CollapseTransition/CollapseTransition.vue
View File

@@ -8,7 +8,7 @@
</template> </template>
<script setup> <script setup>
import { ref, watch, nextTick } from 'vue'; import { ref, watch, nextTick, getCurrentInstance } from 'vue';
const props = defineProps({ const props = defineProps({
show: Boolean, show: Boolean,
@@ -26,11 +26,18 @@ const wrapStyle = ref({
}); });
const contentRef = ref(null); const contentRef = ref(null);
const instance = getCurrentInstance();
// 获取高度（兼容 H5 + 小程序） // 获取高度（兼容 H5 + 小程序）
function getContentHeight() { function getContentHeight() {
return new Promise((resolve) => { return new Promise((resolve) => {
const query = uni.createSelectorQuery().in(this ? this : undefined); let query;
// #ifdef MP-WEIXIN
query = uni.createSelectorQuery().in(instance);
// #endif
// #ifndef MP-WEIXIN
query = uni.createSelectorQuery();
// #endif
query query
.select('.content-inner') .select('.content-inner')
.boundingClientRect((data) => { .boundingClientRect((data) => {

30
packageA/pages/chat/components/ai-paging.vue
View File

@@ -255,8 +255,8 @@
</view> </view>
</view> </view>
<view class="ai-tips">本服务为AI生成内容，结果仅供参考</view> <view class="ai-tips">本服务为AI生成内容，结果仅供参考</view>
<!-- btn --> <!-- 文件上传区域 - 使用绝对定位向上展开，避免被tabbar遮挡 -->
<CollapseTransition :show="showfile"> <view class="file-upload-popup" :class="{ show: showfile }">
<view class="area-tips"> <view class="area-tips">
<uni-icons type="info-filled" color="#ADADAD" size="15"></uni-icons> <uni-icons type="info-filled" color="#ADADAD" size="15"></uni-icons>
上传后自动解析简历内容 上传后自动解析简历内容
@@ -275,7 +275,7 @@
<text>文件上传</text> <text>文件上传</text>
</view> </view>
</view> </view>
</CollapseTransition> </view>
<!-- filelist --> <!-- filelist -->
<view class="area-uploadfiles" v-if="filesList.length"> <view class="area-uploadfiles" v-if="filesList.length">
@@ -335,7 +335,6 @@ import { storeToRefs } from 'pinia';
// 移除重复导入，使用从globalFunction注入的config // 移除重复导入，使用从globalFunction注入的config
import useChatGroupDBStore from '@/stores/userChatGroupStore'; import useChatGroupDBStore from '@/stores/userChatGroupStore';
import MdRender from '@/components/md-render/md-render.vue'; import MdRender from '@/components/md-render/md-render.vue';
import CollapseTransition from '@/components/CollapseTransition/CollapseTransition.vue';
import PopupFeeBack from './popupbadFeeback.vue'; import PopupFeeBack from './popupbadFeeback.vue';
import AudioWave from './AudioWave.vue'; import AudioWave from './AudioWave.vue';
import WaveDisplay from './WaveDisplay.vue'; import WaveDisplay from './WaveDisplay.vue';
@@ -1374,6 +1373,29 @@ image-margin-top = 40rpx
color: #434343; color: #434343;
margin-top: 18rpx 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 .area-file
display: grid display: grid
width: 100% width: 100%