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

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

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

微信小程序提供的弹框模版就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)
上一篇 2022年4月21日 下午3:20
下一篇 2022年4月21日 下午3:20


相关推荐

  • Oracle集群(RAC)及 jdbc 连接双机数据库

    Oracle集群(RAC)及 jdbc 连接双机数据库

    2021年5月9日
    140
  • 阿里笔试题目「建议收藏」

    阿里笔试题目「建议收藏」题目描述一个淘宝的订单中包含n(10>=n>=1)种商品A1,A2,…,An,每种商品数量分别为a1,a2,…,an个,记做{a1,a2,…,an}(ak>0)。订单在仓库生产过程中,仓库为了提升作业效率,会提前对热门组合商品进行预包装。假设这n个商品有m(9>=m>=1)个商品组合,每个组合bomk包含A1,A2,…,An的数量分别为{b1,b2,…,bn}(bk&…

    2022年5月10日
    42
  • 三、java编译器[通俗易懂]

    三、java编译器[通俗易懂]java编译器、解析器(bytecodeintepreter)、JIT(justintimecompiler)

    2022年7月13日
    20
  • Linux curl 命令模拟 POST/GET 请求「建议收藏」

    Linux curl 命令模拟 POST/GET 请求「建议收藏」curl命令,是一个利用URL规则在命令行下工作的文件传输工具。curl支持文件的上传和下载,所以是综合传输工具,但按传统,习惯称curl为下载工具。作为一款强力工具,curl支持包括HTTP、HTTPS、FTP等众多协议,还支持GET、POST、cookies、认证、从指定偏移处下载部分文件、用户代理字符串、限速、文件大小、进度条等特征,还可以做网页处理流程和数据检索自动化。 …

    2022年7月27日
    19
  • 2020阿里笔试编程题[通俗易懂]

    2020阿里笔试编程题[通俗易懂]选择题很难做,阿里的秋招貌似非常难,大部分岗位都留给了实习生,但是两道编程题不怎么难。第一题有一个n*n的地图,一只兔子想要穿过这个地图,给出的地图是一个二维数组map[i][j],数值表示该位置的毒雾持续时间,当兔子在(x,y)位置时,它可以跳到(x+2,y)或者(x,y+2)位置,跳的时候需要对应等待map[x+1][y]或者map[x][y+1]的时间,兔子开始跳的位置从map[1][1…

    2022年5月23日
    31
  • 元宝“口吐芬芳”,万亿腾讯也“出岔子”?

    元宝“口吐芬芳”,万亿腾讯也“出岔子”?

    2026年3月12日
    3

发表回复

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

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