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

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

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

微信小程序提供的弹框模版就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)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • windows的定时任务设置

    windows的定时任务设置

    2021年11月15日
    54
  • ROC曲线理解

    ROC曲线理解ROC(receiveroperatorcharacteristiccurve,ROC)曲线:即受试者工作特征曲线,是反映敏感度和特异度连续变量的综合指标,用作图法展示两度之间的关系。作图方法:在相关临床研究报告中,若有一个ROC曲线图,将会给人深刻印象,具体做法是:实验结果为计量资料即连续变量,至少计算5个临界点的指标,以敏感度(真阳性率)为Y轴,1-特异度(假阳性率)为X轴,将各点连成…

    2022年5月16日
    86
  • 隐马尔可夫模型有哪些模型参数_隐马尔可夫

    隐马尔可夫模型有哪些模型参数_隐马尔可夫隐马尔可夫模型(HiddenMarkovModel,HMM)是统计模型,它用来描述一个含有隐含未知参数的马尔可夫过程。其难点是从可观察的参数中确定该过程的隐含参数。然后利用这些参数来作进一步的分析,例如模式识别。是在被建模的系统被认为是一个马尔可夫过程与未观测到的(隐藏的)的状态的统计马尔可夫模型。http://bluewhale.cc/2016-06-02/hidden-markov-mod

    2022年9月29日
    2
  • Ubuntu下Chrome运行Silverlight程序

    Ubuntu下Chrome运行Silverlight程序

    2021年9月1日
    62
  • J2ME开发的一般步骤

    J2ME开发的一般步骤最近一段时间发现身边有一本买了一年多的J2ME的书没看,于是抱起来大概看了一下,我的E72是Symbian系统,支持J2ME,所以做了几个简单的小玩意。在学习J2ME开发的过程中有一些简单的心得和体会,现在写下来备忘,如果有朋友也正在学习J2ME开发,觉得有帮助的话,那是最好不过的事情了。 1.开发环境安装配置 目前开发J2ME应用的环境有多种,有基于NetBean的,不过仍以Eclipse为

    2022年7月11日
    23
  • java的实例变量_JAVA语言中的实例变量

    java的实例变量_JAVA语言中的实例变量JAVA 语言中的实例变量一个 Java 程序可以认为是一系列对象的集合 而这些对象通过调用彼此的方法来协同工作 下面是 JAVA 语言实例变量的介绍 欢迎参考 每个对象都有独特的实例变量 对象的状态由这些实例变量的值决定 java 第一个程序实例 publicclassH publicstatic String args System out print

    2025年11月10日
    2

发表回复

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

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