程序中弹窗输入组件的编写方法与实践

GS 193 2024-07-11

写项目的时候发现小程序没有自带的弹窗输入的组件,只能自己写一个。

1.半透明的遮盖层

遮盖层的样式和显隐事件
wxml代码

图片.png

wxss代码:

图片.png

js代码:

图片.png

2.弹窗窗口实现

弹窗窗口的样式和显隐事件
wxml代码:

图片.png

wxss代码:

图片.png

图片.png

js代码:

图片.png

3.完整代码

最后献上完整代码,有点啰嗦了,想尽量详细点
wxml代码:

图片.png

wxss代码:

图片.png

图片.png

js代码:

图片.png

以上就是小程序中弹窗输入组件的编写方法与实践的详细内容!


版权声明:本文内容由网络用户投稿,版权归原作者所有,本站不拥有其著作权,亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容,请联系我们jiasou666@gmail.com 处理,核实后本网站将在24小时内删除侵权内容。

上一篇:小程序中 new Date()方法失效的解决策略
下一篇:Proxy 对象的全面了解与深入学习指南
相关文章

 发表评论

暂时没有评论,来抢沙发吧~