2***@qq.com
2***@qq.com
  • 发布:2022-10-27 13:49
  • 更新:2022-10-28 11:42
  • 阅读:602

uni-datetime-picker 底部按钮显示异常

分类:uni-app

产品分类: uniapp/H5

PC开发环境操作系统: Windows

PC开发环境操作系统版本号: win11

浏览器平台: 微信内置浏览器

浏览器版本: 最新版本

项目创建方式: CLI

CLI版本号: 2

操作步骤:

js
<uni-popup ref="popup" :type="type" background-color="#fff"
@maskClick="handleMaskClick">
<view >
<form name="form" @submit="save" @reset="reset">
<uni-row>
<uni-col>
<uni-datetime-picker v-model="range" type="daterange" @change="setData"/>
</uni-col>
</uni-row>
</form>
</view>
<view>
<uni-row >
<uni-col :span="10" :push="1">
<button type="default" @click="reset">重置</button>
</uni-col>
<uni-col :span="10" :offset="1" :push="2">
<button type="primary" @click="save">确定</button>
</uni-col>
</uni-row>
</view>
</uni-popup> js

预期结果:

日历层在弹出层之上

实际结果:

日历层的按钮在下一层

bug描述:

cli项目,构建形式是H5,在企业微信中通过webview的形式添加的功能链接。日历组件底部的2个按钮显示在下面了。
安卓手机,微信开发者工具都没问题,苹果手机上显示错误

2022-10-27 13:49 负责人:无 分享
已邀请:
DCloud_UNI_WZF

DCloud_UNI_WZF

所以你是企业微信小程序 webview 引入h5页面,并且只有ios真机运行存在该问题是吗?
这边测试企业微信h5运行没有问题,如果只在上述情况存在问题,可能是企业微信小程序的渲染问题
组件已针对该情况做了处理,uni-datetime-picker 中的 z-index 层级是比 uni-popup 高的

该问题目前已经被锁定, 无法添加新回复