<!-- 筛选弹窗 -->
<uni-popup ref="filterPopup" type="bottom" :mask-click="false" :safe-area="true">
<view class="filter-popup">
<view class="popup-header">
<text class="popup-title">筛选条件</text>
<view class="popup-close" @click="closeFilterPopup">
<uni-icons type="clear" size="20" color="#333"></uni-icons>
</view>
</view>
<view class="filter-content">
<!-- 状态筛选 -->
<view class="filter-group">
<view class="group-title">状态</view>
<view class="option-list">
<view
class="option-item"
v-for="status in statusOptions"
:key="status.value"
:class="{ active: filters.status === status.value }"
@click.stop="selectFilter('status', status.value)"
>
<text>{{ status.label }}</text>
<uni-icons
v-if="filters.status === status.value"
type="checkmarkempty"
size="16"
color="#007AFF"
></uni-icons>
</view>
</view>
</view>
</view>
<view class="popup-footer">
<button class="reset-btn" @click="resetFilters">重置</button>
<button class="confirm-btn" @click="applyFilters">确定</button>
</view>
</view>
</uni-popup>

- 发布:2025-07-26 13:36
- 更新:2025-07-28 10:11
- 阅读:77
【报Bug】uni-popup内部使用自定义dom做选中状态切换时,uni-popup内容区域会被transform: translateY(100%);强制收起不再显示
产品分类: uniapp/H5
PC开发环境操作系统: Windows
PC开发环境操作系统版本号: 10
HBuilderX类型: 正式
HBuilderX版本号: 3.99
浏览器平台: Chrome
浏览器版本: 123.0.6312.106
项目创建方式: HBuilderX
示例代码:
操作步骤:
点击状态下的类别,触发filter修改后
点击状态下的类别,触发filter修改后
预期结果:
uni-popup的content区域不收起
uni-popup的content区域不收起
实际结果:
uni-popup的content区域收起
uni-popup的content区域收起
bug描述:
函数触发uni-popup内部dom绑定的class渲染时,content会被设置为transform: translateY(100%);导致content区域被收起
1 个回复
DCloud_UNI_yuhe
你好,请提供一下完整的可以运行的复现代码