键盘遮挡输入框问题

components/new-filter-page/new-filter-page.vue

@@ -1,15 +1,6 @@
 <template>
     <view v-if="show" class="filter-container">
-        <!-- 头部 -->
-        <!-- <view class="filter-header">
-            <text class="back-btn" @click="handleClose">
-                <uni-icons type="left" size="24"></uni-icons>
-            </text>
-            <text class="filter-title">喀什智慧就业平台</text>
-            <view class="back-btn"></view>
-        </view> -->
-
-        <!-- 标签页 -->
+        <!-- 左侧标签页 -->
         <view class="filter-tabs">
             <view
                 v-for="(tab, index) in tabs"
@@ -22,103 +13,106 @@
             </view>
         </view>
 
-        <!-- 内容区域 -->
-        <view class="filter-content">
-            <!-- 学历要求 -->
-            <view v-if="activeTab === 'education'" class="content-section">
-                <radio-group @change="(e) => handleSelect('education', e)">
-                    <label
-                        v-for="option in educationOptions"
-                        :key="option.value"
-                        class="radio-item"
-                        :class="{ checked: selectedValues['education'] === String(option.value) }"
-                    >
-                        <radio
-                            :value="String(option.value)"
-                            :checked="selectedValues['education'] === String(option.value)"
-                        />
-                        <text class="option-label">{{ option.label }}</text>
-                    </label>
-                </radio-group>
+        <!-- 右侧内容区域 -->
+        <view class="filter-right">
+            <!-- 内容区域 -->
+            <view class="filter-content">
+                <!-- 学历要求 -->
+                <view v-if="activeTab === 'education'" class="content-section">
+                    <radio-group @change="(e) => handleSelect('education', e)">
+                        <label
+                            v-for="option in educationOptions"
+                            :key="option.value"
+                            class="radio-item"
+                            :class="{ checked: selectedValues['education'] === String(option.value) }"
+                        >
+                            <radio
+                                :value="String(option.value)"
+                                :checked="selectedValues['education'] === String(option.value)"
+                            />
+                            <text class="option-label">{{ option.label }}</text>
+                        </label>
+                    </radio-group>
+                </view>
+
+                <!-- 工作经验 -->
+                <view v-if="activeTab === 'experience'" class="content-section">
+                    <radio-group @change="(e) => handleSelect('experience', e)">
+                        <label
+                            v-for="option in experienceOptions"
+                            :key="option.value"
+                            class="radio-item"
+                            :class="{ checked: selectedValues['experience'] === String(option.value) }"
+                        >
+                            <radio
+                                :value="String(option.value)"
+                                :checked="selectedValues['experience'] === String(option.value)"
+                            />
+                            <text class="option-label">{{ option.label }}</text>
+                        </label>
+                    </radio-group>
+                </view>
+
+                <!-- 公司规模 -->
+                <view v-if="activeTab === 'scale'" class="content-section">
+                    <radio-group @change="(e) => handleSelect('scale', e)">
+                        <label
+                            v-for="option in scaleOptions"
+                            :key="option.value"
+                            class="radio-item"
+                            :class="{ checked: selectedValues['scale'] === String(option.value) }"
+                        >
+                            <radio
+                                :value="String(option.value)"
+                                :checked="selectedValues['scale'] === String(option.value)"
+                            />
+                            <text class="option-label">{{ option.label }}</text>
+                        </label>
+                    </radio-group>
+                </view>
+
+                <!-- 地区 -->
+                <view v-if="activeTab === 'area'" class="content-section">
+                    <radio-group @change="(e) => handleSelect('area', e)">
+                        <label
+                            v-for="option in areaOptions"
+                            :key="option.value"
+                            class="radio-item"
+                            :class="{ checked: selectedValues['area'] === String(option.value) }"
+                        >
+                            <radio
+                                :value="String(option.value)"
+                                :checked="selectedValues['area'] === String(option.value)"
+                            />
+                            <text class="option-label">{{ option.label }}</text>
+                        </label>
+                    </radio-group>
+                </view>
+
+                <!-- 岗位类型 -->
+                <view v-if="activeTab === 'jobType'" class="content-section">
+                    <radio-group @change="(e) => handleSelect('jobType', e)">
+                        <label
+                            v-for="option in jobTypeOptions"
+                            :key="option.value"
+                            class="radio-item"
+                            :class="{ checked: selectedValues['jobType'] === String(option.value) }"
+                        >
+                            <radio
+                                :value="String(option.value)"
+                                :checked="selectedValues['jobType'] === String(option.value)"
+                            />
+                            <text class="option-label">{{ option.label }}</text>
+                        </label>
+                    </radio-group>
+                </view>
             </view>
 
-            <!-- 工作经验 -->
-            <view v-if="activeTab === 'experience'" class="content-section">
-                <radio-group @change="(e) => handleSelect('experience', e)">
-                    <label
-                        v-for="option in experienceOptions"
-                        :key="option.value"
-                        class="radio-item"
-                        :class="{ checked: selectedValues['experience'] === String(option.value) }"
-                    >
-                        <radio
-                            :value="String(option.value)"
-                            :checked="selectedValues['experience'] === String(option.value)"
-                        />
-                        <text class="option-label">{{ option.label }}</text>
-                    </label>
-                </radio-group>
+            <!-- 底部按钮 -->
+            <view class="filter-footer">
+                <button class="footer-btn clear-btn" @click="handleClear">清除</button>
+                <button class="footer-btn confirm-btn" @click="handleConfirm">确认</button>
             </view>
-
-            <!-- 公司规模 -->
-            <view v-if="activeTab === 'scale'" class="content-section">
-                <radio-group @change="(e) => handleSelect('scale', e)">
-                    <label
-                        v-for="option in scaleOptions"
-                        :key="option.value"
-                        class="radio-item"
-                        :class="{ checked: selectedValues['scale'] === String(option.value) }"
-                    >
-                        <radio
-                            :value="String(option.value)"
-                            :checked="selectedValues['scale'] === String(option.value)"
-                        />
-                        <text class="option-label">{{ option.label }}</text>
-                    </label>
-                </radio-group>
-            </view>
-
-            <!-- 地区 -->
-            <view v-if="activeTab === 'area'" class="content-section">
-                <radio-group @change="(e) => handleSelect('area', e)">
-                    <label
-                        v-for="option in areaOptions"
-                        :key="option.value"
-                        class="radio-item"
-                        :class="{ checked: selectedValues['area'] === String(option.value) }"
-                    >
-                        <radio
-                            :value="String(option.value)"
-                            :checked="selectedValues['area'] === String(option.value)"
-                        />
-                        <text class="option-label">{{ option.label }}</text>
-                    </label>
-                </radio-group>
-            </view>
-
-            <!-- 岗位类型 -->
-            <view v-if="activeTab === 'jobType'" class="content-section">
-                <radio-group @change="(e) => handleSelect('jobType', e)">
-                    <label
-                        v-for="option in jobTypeOptions"
-                        :key="option.value"
-                        class="radio-item"
-                        :class="{ checked: selectedValues['jobType'] === String(option.value) }"
-                    >
-                        <radio
-                            :value="String(option.value)"
-                            :checked="selectedValues['jobType'] === String(option.value)"
-                        />
-                        <text class="option-label">{{ option.label }}</text>
-                    </label>
-                </radio-group>
-            </view>
-        </view>
-
-        <!-- 底部按钮 -->
-        <view class="filter-footer">
-            <button class="footer-btn clear-btn" @click="handleClear">清除</button>
-            <button class="footer-btn confirm-btn" @click="handleConfirm">确认</button>
         </view>
     </view>
 </template>
@@ -230,7 +224,7 @@ const handleClose = () => {
     background-color: #fff;
     z-index: 9999;
     display: flex;
-    flex-direction: column;
+    flex-direction: row;
 }
 
 .filter-header {
@@ -266,17 +260,17 @@ const handleClose = () => {
 }
 
 .filter-tabs {
+    width: 200rpx;
+    border-right: 1rpx solid #eee;
+    background-color: #f8f8f8;
     display: flex;
-    border-bottom: 1rpx solid #eee;
-    background-color: #fff;
-    box-shadow: 0 2rpx 10rpx rgba(0, 0, 0, 0.05);
+    flex-direction: column;
 
     .tab-item {
-        flex: 1;
-        height: 90rpx;
-        line-height: 90rpx;
+        height: 100rpx;
+        line-height: 100rpx;
         text-align: center;
-        font-size: 30rpx;
+        font-size: 28rpx;
         color: #666;
         position: relative;
         transition: all 0.3s ease;
@@ -284,14 +278,15 @@ const handleClose = () => {
         &.active {
             color: #256BFA;
             font-weight: 600;
+            background-color: #fff;
             
             &::after {
                 content: '';
                 position: absolute;
-                bottom: 0;
-                left: 25%;
-                width: 50%;
-                height: 4rpx;
+                left: 0;
+                top: 25%;
+                width: 4rpx;
+                height: 50%;
                 background-color: #256BFA;
                 border-radius: 2rpx;
             }
@@ -303,6 +298,13 @@ const handleClose = () => {
     }
 }
 
+.filter-right {
+    flex: 1;
+    display: flex;
+    flex-direction: column;
+    position: relative;
+}
+
 .filter-content {
     flex: 1;
     padding: 40rpx 32rpx;

packageA/pages/chat/components/ai-paging.vue

@@ -198,7 +198,7 @@
                     class="input"
                     @confirm="sendMessage"
                     :disabled="isTyping"
-                    :adjust-position="false"
+                    :adjust-position="true"
                     placeholder="请输入您的职位名称、薪资要求、岗位地址"
                     v-show="!isVoice"
                 />