<NutPopUp v-model:visible="innerVisible" position="bottom" :z-index="zIndex" pop-class="nut-cascader__popup" round :closeable="closeable" Expand All@@ -65,7 +66,7 @@ export default defineComponent({ :lock-scroll="lockScroll" >
# Popup 弹出层 弹出层容器,用于展示弹窗、信息提示等内容,支持上、下、左、右和中部弹出。组件只提供容器,内部内容由用户自定义。 # 平台差异说明 App(vue)App(nvue)H5小程序 √ √ √ √ # 基本使用 弹出层的内容通过slot传入,由用户自定义 通过show绑定一个布尔值的变量控制弹出层的打开和收起 <template...
zIndex: Number, /** * @description 显示/隐藏的动画时长,单位毫秒 */ 1 change: 0 additions & 1 deletion 1 packages/nutui/components/popup/index.scss Original file line numberDiff line numberDiff line change @@ -66,7 +66,6 @@ padding-bottom: constant(safe-area-inset-bottom); padding...
UAPopup 一款用于uniapp开发的多功能自定义弹框组件。可完美运行于h5+小程序+App端,支持标签式+函数式搭配调用方式。 引入组件 import UAPopup from './components/ua-popup/index.vue' Vue.component('ua-popup', UAPopup) 标签式写法 <!-- msg提示 --> <ua-popup v-model="showMsg" anim="fadeIn"...
UA-Popup一款基于uniapp开发的轻量级多端自定义弹框组件。支持超过20+参数配置、组件式+函数式两种调用方式。完美运行到h5+App端+小程序及Nvue原生组件页面。 如上图:兼容h5+小程序+App端,运行效果一致。 导入组件 在main.js中全局引入组件。 import UAPopup from './components/ua-popup/index.vue' ...
'已选择疾病':'未选择疾病'}}</view> </view> <view :class="[btnShow===true?'footerBtn':'footerBtnDisabled']" @click="submit()">开始评估</view> </view> <view style="margin-top: 36rpx;margin-left: 28rpx;color: #333333;font-size: 32rpx;font-weight: 500;">已选疾病</view> ...
基于uni-easyinput uni-popup 封装的下拉选择器 <!-- 下拉选择组件 --> 创建components/myPicker/index.vue 文件 <template> <view> <view class="boxClick"> <uni-easyinput :placeholderStyle="placeholderStyle" :clearable="false" v-model="inputValue" placeholder="请选择"> ...
z-index: 3; margin: 10upx; color: $uni-color-subtitle; text-align: center; font-size: $uni-font-size-base; .box-image { width: 100%; height: $uni-img-size-lg; } } } } /deep/ .u-popup__content{ border-radius: 30rpx 30rpx 0 0; ...
<view class="page_navbar_warp"> </view> <!-- 正文 --> <view class="u-content" @click="maskShow = !maskShow"> <!-- 翻页后可以显示上一章按钮 --> <!-- 上一章 -->
uniPopup, }, data() { return { barHeight:25, } }, methods: { //获取系统状态栏高度 getSystemStatusBarHeight:function(){ // #ifdef APP-PLUS var height = plus.navigator.getStatusbarHeight(); _self.barHeight = height; // #endif ...