uniapp兼容多端自定义模态弹框组件UAPopup ua-popup 一款轻量级的uniapp自定义弹窗组件。汇集了android、ios和微信弹窗效果(msg消息、alert提示框、dialog对话框、actionsheet底部动作框、toast轻提示、长按定位菜单)等功能。 如下图:H5+Ap ...
分类:
微信 时间:
2021-07-12 17:47:23
阅读次数:
0
自定义弹窗组件:https://www.cnblogs.com/Post-90sDachenchen/p/13636668.html#4795824 参考2:https://www.jianshu.com/p/4a2e8ca47ded 微信小程序自带弹窗组件 wx.showModal js示例: p ...
分类:
微信 时间:
2021-01-11 10:31:04
阅读次数:
0
Overlay 自定义弹窗 悬浮窗 意思是Overlay是一个Stack组件,可以将OverlayEntry插入到Overlay中,使其独立的child窗口悬浮于其它组件之上,利用这个特性可以自定义弹窗或者悬浮窗 OverlayEntry entry = OverlayEntry(builder: ...
分类:
其他好文 时间:
2020-05-27 20:07:46
阅读次数:
66
需求 做一个通用的弹出层提示框。要求:1.位置上下左右居中,2.只需要引入一个js文件,调用一下。不要html结构,不要样式表。 解决方案 方法封装 pupopTip.js文件 /*参数说明: * pupW 弹出层宽度 单位可以是px rem, 百分百 * pupH 弹出层高度 * pupText ...
分类:
其他好文 时间:
2020-01-19 20:47:34
阅读次数:
72
本文首发于我的博客:http://dunizb.com原文地址:http://dunizb.com/2017/09/24/disable-the-phone-virtual-keyboard-up/ 工作中遇到如下需求,点击输入框弹出自定义弹窗,输入框是input标签:但是在移动端,input会默认 ...
分类:
移动开发 时间:
2020-01-18 10:58:17
阅读次数:
96
1、HTML部分 <button onclick="showPopup()">按這裡</button> <div id="background"></div> <div id="popup"> <div style="width:35%; margin: auto"> <div id="close" ...
分类:
其他好文 时间:
2020-01-02 19:05:48
阅读次数:
161
基于Taro多端实践TaroPop:自定义模态框|dialog对话框|msg消息框|Toast提示 taro自定义弹出框支持编译到多端H5/小程序/ReactNative,还可以自定义弹窗类型/弹窗样式、多按钮事件/样式、自动关闭、遮罩层、弹窗显示位置及自定义内容模板 用法 ▍在相应页面引入组件 i ...
分类:
微信 时间:
2019-12-02 13:15:32
阅读次数:
115
效果图 .wxml <cover-view class='mask' wx:if='{{isShow}}'> <cover-view class='modal'> <cover-view class='content'>{{content}}</cover-view> <cover-view cla ...
分类:
微信 时间:
2019-10-28 12:48:42
阅读次数:
112
最近在做小程序的登录,需要同时获取用户手机号和头像昵称等信息,但是小程序又不支持单个接口同时获取两种数据,因此想到自定义一个弹窗,通过弹窗按钮触发获取手机号事件。记录一下。 具体代码如下: 业务代码中: 在业务代码中引入dialog组件即可 <dialog visible="{{dialogVisi ...
分类:
微信 时间:
2019-05-07 16:55:34
阅读次数:
172
wxml <view class='cardNum'> <text catchtap='showDialogBtn'>解除绑定</text> </view> <view class='cardNum'> <text catchtap='showDialogBtn'>解除绑定</text> </vie ...
分类:
微信 时间:
2019-04-20 13:14:25
阅读次数:
191