资讯专栏INFORMATION COLUMN

在微信小程序中创建属于自己的个性弹框

yy13818512006 / 2215人阅读

摘要:于是我自己写一个我的页面专用的弹框,具体效果如下图以下是代码贴图最外层的样式主要是写后面的遮罩层,就是具体的弹框区域弹框的显示隐藏用控制然后就可以在弹框中写自己想要展示的效果啦忽略部分未调整样式

微信小程序提供的弹框模版就3种:
1、消息提示框

对应的效果是这样的


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


对应的效果是这样的:

这一种做一些危险操作的提示之类等
3、显示操作菜单


对应效果如下:

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

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

以下是代码贴图


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


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

忽略部分未调整样式

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/101689.html

相关文章

  • 在微信小程序中创属于自己个性弹框

    摘要:于是我自己写一个我的页面专用的弹框,具体效果如下图以下是代码贴图最外层的样式主要是写后面的遮罩层,就是具体的弹框区域弹框的显示隐藏用控制然后就可以在弹框中写自己想要展示的效果啦忽略部分未调整样式 微信小程序提供的弹框模版就3种:1、消息提示框showImg(https://segmentfault.com/img/bVbokVL?w=1074&h=554);对应的效果是这样的 show...

    luck 评论0 收藏0
  • 原创:去繁存简,回归本源:微信小程序公开课信息分析《一》

    摘要:以前我开过一些帖子,我们内部也做过一些讨论,我们从张小龙的碎屏图中,发现了重要讯息微信支付将成为重要场景这些应用与春节关系不小,很多应用在春节时,有重要的场景开启可能性春节是一个重要的推广时机,非常适合推广,微信应该不会错过这个时机春节前需 以前我开过一些帖子,我们内部也做过一些讨论,我们从张小龙的碎屏图中 showImg(https://segmentfault.com/img/bV...

    xfee 评论0 收藏0
  • 原创:去繁存简,回归本源:微信小程序公开课信息分析《一》

    摘要:以前我开过一些帖子,我们内部也做过一些讨论,我们从张小龙的碎屏图中,发现了重要讯息微信支付将成为重要场景这些应用与春节关系不小,很多应用在春节时,有重要的场景开启可能性春节是一个重要的推广时机,非常适合推广,微信应该不会错过这个时机春节前需 以前我开过一些帖子,我们内部也做过一些讨论,我们从张小龙的碎屏图中 showImg(https://segmentfault.com/img/bV...

    Nino 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<