Dialog: 新增 overlay-class 属性 #4683 Dialog: 新增 overlay-style 属性 #4682 Uploader: 新增 file 类型的 result-type #4680 TreeSelect: 新增 className 选项 #4671 Bug Fixes 修复Dialog 可能出现文字模糊的问题 #4686 修复Stepper 的 step 值很小时无法生效的问题 #4675 修复DatetimePicker 动态修改时间范围...
cancel-button-color 取消按钮颜色 string black overlay 是否展示遮罩层 boolean true overlay-class v2.2.7 自定义遮罩层类名 string - overlay-style v2.2.7 自定义遮罩层样式 object - close-on-popstate v2.0.5 是否在页面回退时自动关闭 boolean false close-on-click-overlay 是否在点击遮罩层后关闭弹窗 b...
遮盖层通过overlay、overlayStyle等组件属性来控制其是否显示以及遮盖层的样式等,遮盖的事件有 onClickOverlay ,通过$emit触发组件的自定义事件close。 onClickOverlay() { this.$emit('click-overlay'); if (this.data.closeOnClickOverlay) { this.$emit('close'); } } 复制代码 关闭按钮及事件 通过closable属...
cancelButtonColor 取消按钮颜色 string black overlay 是否展示遮罩层 boolean true overlayClass v2.2.7 自定义遮罩层类名 string - overlayStyle v2.2.7 自定义遮罩层样式 object - closeOnPopstate v2.0.5 是否在页面回退时自动关闭 boolean false closeOnClickOverlay 是否在点击遮罩层后关闭弹窗 boolean false l...
Tips: 由于 setup 选项中无法访问 this,因此不能使用上述方式,请通过 import 引入。 单例模式 Toast 默认采用单例模式,即同一时间只会存在一个 Toast,如果需要在同一时间弹出多个 Toast,可以参考下面的示例: Toast.allowMultiple(); const toast1 = Toast('第一个 Toast'); ...
<style lang="less"> @import 'vant-weapp-convert-uniapp/common/index.less'; </style> 第二步,页面中引入需要的组件,有以下两种方式 easycom 模式(推荐) 配置src/pages.json { ..., "easycom": { "autoscan": true, "custom": { "van-(.*)": "vant-weapp-convert-uniapp/components/van-$1/...
<van-popup v-model="myshow"position="right":style="{ height: '100%'}"closeable @click-overlay="close()"@close="close()"> </van-popup> </div> </template> <script>exportdefault{ props:["showother"], data(){return{ myshow:this.showother,//映射} ...
Style DropdownItem: 新增 @dropdown-item-z-index 变量 6f4c6f IndexBar: 新增 @index-anchor-z-index 变量 89ee8e IndexBar: 新增 @index-bar-sidebar-z-index 变量 89ee8e IndexBar: 新增 @index-bar-index-active-color 变量 0011db Notify: 新增 @notify-text-color 变量 9dcf57 Overlay:...
| close-on-click-overlay | 是否在点击遮罩层后关闭 | _boolean_ | `true` | | safe-area-inset-bottom | 是否开启底部安全区适配 | _boolean_ | `true` | ### Range Props 当Canlendar 的 `type` 为`range` 时,支持以下 props: | 参数| 说明| 类型| 默认值 | | --- | --- | --- |...
将poppable设置为false,日历会直接展示在页面内,而不是以弹层的形式出现。 <van-calendartitle="日历":poppable="false":show-confirm="false":style="{ height: '500px' }"/> API Props 参数说明类型默认值 typev2.5.4选择类型: single表示选择单个日期, ...