组件支持 nvue ,需要在manifest.json > app-plus节点下配置"nvueStyleCompiler" : "uni-app" 基本用法 <template> <view> 打开弹窗 <uni-popup ref="popup" type="bottom" border-radius="10px 10px 0 0">底部弹出 Popup 自定义圆角</uni-popup> </view> </template> export default { methods:{ op...
打开弹窗 <uni-popup ref="popup" type="center" :animation="false">中间弹出 Popup</uni-popup> 禁用点击遮罩关闭 默认情况下,点击遮罩会自动关闭uni-popup,如不想点击关闭,只需将mask-click设置为false,这时候要关闭uni-popup,只能手动调用 close 方法。 示例 打开弹窗 <uni-popup ref="popup...
uni-popup的层级问题通常是由于其渲染顺序或CSS样式设置不当导致的。如果uni-popup渲染在其他元素之后,或者其z-index值设置得不够高,就可能会被其他元素遮挡。 2. 查找uni-popup组件的层级设置选项 在uni-app中,uni-popup的层级可以通过CSS的z-index属性来设置。确保uni-popup的z-index值高于其他可能遮挡它的元素...
分析:组件在非H5端是客户端创建的原生组件,它的层级是最高的,高于普通前端组件,不能通过 z-index 控制层级。可使用cover-view或cover-image覆盖在上面,也可通过plus.nativeObj.view或原生子窗体subNVue等方式来实现。 App端cover-view、cover-image中不支持嵌套其它组件。 App端暂不支持cover-view、cover-image组件...
uni-popup是一个弹出层组件,可以用于显示弹窗、下拉菜单、提示框等弹出式界面。它是基于uni-app框架开发的,可以在各个评台上运行,包括H5、小程序、App等。uni-popup组件具有丰富的配置选项,可以轻松实现各种弹出层效果,并提供丰富的事件回调和交互能力。 二、uni-popup的基本写法 uni-popup组件的基本写法如下: ```...
// 更新弹窗状态 const updateVisiblePopup = (value: boolean) => { visiblePopup.value = value } // 放大/回弹默认高度 /** * @description 放大/回弹默认高度 */ const onFullScreen = () => { if (isFullScreen.value) { // 目前是全屏状态,恢复到默认高度 popupHeight.value = <string>props....
* @description 设置所有弹窗类组件的 z-index,该属性对全局生效 */ zIndex: Number, } export type ConfigProviderProps = ExtractPropTypes<typeof configProviderProps> 8 changes: 7 additions & 1 deletion 8 packages/nutui/components/configprovider/configprovider.vue Original file line numberDiff line...
| poppable | 是否弹窗状态展示 | boolean | `true` | | is-auto-back-fill | 自动回填 | boolean | `false` | | title | 显示标题 | string | `日期选择` | | default-value | 默认值,单个日期选择 `string`,其他为 `string[]` | string \| string[] | `null` | | title | 显示标题 |...
* @description 设置所有弹窗类组件的 z-index,该属性对全局生效 */ zIndex: Number, } export type ConfigProviderProps = ExtractPropTypes<typeof configProviderProps> 8 changes: 7 additions & 1 deletion 8 packages/nutui/components/configprovider/configprovider.vue Original file line numberDiff line ...
* @description 设置所有弹窗类组件的 z-index,该属性对全局生效 */ zIndex: Number, } export type ConfigProviderProps = ExtractPropTypes<typeof configProviderProps> 8 changes: 7 additions & 1 deletion 8 packages/nutui/components/configprovider/configprovider.vue Original file line numberDiff line ...