小程序弹框组件_小程序怎么创建

小程序弹框组件_小程序怎么创建在微信小程序中创建属于自己的个性弹框

大家好,又见面了,我是你们的朋友全栈君。

微信小程序提供的弹框模版就3种:
1、消息提示框
clipboard.png
对应的效果是这样的

clipboard.png
这一种ui我们可以改变的额只有icon、image、title
2、模拟对话框

clipboard.png
对应的效果是这样的:
clipboard.png
这一种做一些危险操作的提示之类等
3、显示操作菜单

clipboard.png
对应效果如下:

clipboard.png

这种可以用来填写某些选择行的信息

看了以上3种弹框,发现和我们Ui差距较大,都用不上。于是我自己写一个我的页面专用的弹框,具体效果如下图:

clipboard.png

以下是代码贴图

clipboard.png
最外层的phoneWin样式主要是写后面的遮罩层,content就是具体的弹框区域

clipboard.png
弹框的显示隐藏用wx:if控制
然后就可以在弹框中写自己想要展示的效果啦!

忽略部分未调整样式

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/107017.html原文链接:https://javaforall.net

赞 (0)
全栈程序员-站长的头像全栈程序员-站长

相关推荐

  • 计算机知识学习网站[通俗易懂]

    计算机知识学习网站[通俗易懂]**第一个:https://www.csdn.net/**首推的肯定是CSDN,虽然放眼望去,互联网上又很多更加优秀的网站,但是对于初学者,英语水平又不高,CSDN绝对是一个很好的选择。这上面有很多关于计算机方面的知识,无论你是要找基础方面的,还是比较有深度的问题,这上面一般都会有解答。**第二个:https://github.com/**github绝对是作为一个从事计算机行业…

    2022年6月19日
  • 虚拟存储容量_虚存空间的最大容量

    虚拟存储容量_虚存空间的最大容量虚拟存储的容量受到下列哪一个因素的限制影响最大?DA. 磁盘空间大小B. 物理内存大小C. 数据存放的实际地址D. 计算机地址位数分析:这题应该是计算机地址位数才对。从影响上讲:虚存容量=min(2^计算机位数,内存+外存);  根据程序执行的互斥性和局部性两个特点,我们允许作业装入的时候只装入一部分,另一部分放在磁盘上,当需要的时候再装入到主存,这样以来,

    2022年9月26日
  • 女生学Java好找工作吗?女生适合编程吗?[通俗易懂]

    女生学Java好找工作吗?女生适合编程吗?[通俗易懂]大部分人对于Java程序员都有一个既定印象,那就是程序员都是男生。女程序员可以说是“稀有物种”,因为Java工作对于逻辑的要求很高,而这方面男生相对于女生比较有优势。但所有事情都不是绝对的,现在女生从事程序员工作的也越来越多,在某些方面相对于男生也有优势。今天,IT培训机构的小编就来给大家分析分析,女生学Java好找工作吗?女生适合编程吗?市场上现在对Java人才的需求明显是供不应求,Java薪资一哭看涨,企业需要Java人才。Java在生活中运用到各个领域,就业方向选择很宽广。女生选择学Java既有钱

    2022年7月7日
  • 日更第11天:Linux常用命令之chmod用法[通俗易懂]

    日更第11天:Linux常用命令之chmod用法[通俗易懂]避免退学

    2022年10月20日
  • 【机器学习笔记】有监督学习和无监督学习

    【机器学习笔记】有监督学习和无监督学习有监督学习和无监督学习(一)有监督学习(二)无监督学习(三)二者的区别(四)如何在两者中选择合适的方法(一)有监督学习概念:通过已有的训练样本去训练得到一个最优模型,再利用这个模型将所有的输入映射为相应的输出,对输出进行简单的判断从而实现预测和分类的目的,也就具有了对未知数据进行预测和分类的能力。简单来说,就像有标准答案的练习题,然后再去考试,相比没有答案的练习题然后去考试准确率更高。监督学…

    2022年5月28日
  • 基尼系数直接计算法_基尼系数简单的计算方法

    基尼系数直接计算法_基尼系数简单的计算方法使用两种方法,通过python计算基尼系数。在sql中如何计算基尼系数,可以查看我的另一篇文章。两篇文章取数相同,可以结合去看。文章中方法1的代码来自于:(加入了一些注释,方便理解)。为精确计算。如果对于基尼系数概念不太清楚,可以看原文的第一部分。http://www.cnblogs.com/longwind09/p/8047539.html方法2和3借鉴资料:方法2和3…

    2022年10月13日

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号