微信小程序：带open-type和自定义背景的按钮

在小程序开发过程中，经常遇到一种情况：页面中的一个按钮需要带有 open-type ，同时还要灵活地设置这个按钮的尺寸和背景样式。

这就意味着，你不能使用 <view bind:tap="onBtn"></view 再加上css设置一张背景图来实现。

然后系统的 <button> 也不是什么省油的灯。相信大家都干过这样的事情：

哎呀，不小心透漏剧情。

所以要满足刚刚的需求，应该如此

当然，看了这么久，只知道这个，肯定不划算。你一定很想知道这里面的 ::after 是干啥的。

详见:

CSS :after 选择器

你所不知的 CSS ::before 和 ::after 伪元素用法

是。

这个设置目前在微信小程序还不太方便设置，只能利用其他资源，就是利用手机上的biu视频桌面来辅助完成，其实也很简单的，只要先下载好biu视频桌面并打开权限即可。

进入到动态视频桌面，看到了微信QQ透明皮肤，设置打开它。然后可经选择一个动态透明皮肤，我从本地视频里面选；接着要开通一些权限，必须要开通的。先打开手机的悬浮窗权限，再点击下一步；再打开微信和QQ使用权限，只允许在微信和QQ使用。

微信小程序的学习成绩查询系统出现的背景：整体简洁大方，主调灰色。界面分为三个部分：最上面类似黑板报（有白云、书本、笔、并且写有每天进步一点点七个大字），中间为最新成绩，最下面是学习成绩趋势。

以上就是关于微信小程序：带open-type和自定义背景的按钮全部的内容，包括:微信小程序：带open-type和自定义背景的按钮、微信下拉小程序背景是动态的吗、微信小程序的学习成绩查询系统出现的背景等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！