15年软件开发经验 只做源码定制 互联网+定制化解决方案

15年软件开发经验,只做源码定制!

原创设计 定制开发

满足您的个性化需求

当前位置:首页

使用uni弹出层插件

李家霖| 发布于 2021-07-19 21:53:05| 412阅读| 0点赞| 0评论
举报

使用 uni-popup 可以快速的建立一个弹出层样式




在界面中弹出一个窗口   使用uni-popup 标签来进行创建   弹出层窗口是一个插件  使用时应先在插件市场中导入到项目中  

<uni-popup ref="popup" type="center"></uni-popup>

type属性表示弹出层的弹出方向   bottom 表示从底部弹出  center表示在中间弹出  上图是设置的bottom底部弹出    top顶部弹出  left左侧弹出  right 右侧弹出  

界面中弹出层并不会直接显示  只有调用方法后才会显示    使用ref将标签设置为子组件  然后通过this.$refs.XXX.open()来进行调用

this.$refs.popup.open();  // 打开弹出层
this.$refs.popup.close()   // 关闭弹出层


 




0

0条评论

别默默看啦~登录/注册一起参与讨论吧~

热门标签

李家霖
微信扫一扫立即咨询
账号登录|扫码登录

立即注册 |忘记密码?

欢迎注册

已有账号马上登录

重置密码

扫码绑定微信
微信扫一扫

绑定手机号

分享到-微信

举报

  • 举报类型:

  • 举报描述:

您好,当前积分不足。

在线客服
拨打电话
17330196230 13230981129
顶部