微信小程序实现多选框+自定义样式(checkbox)

微信小程序实现多选框+自定义样式(checkbox),第1张

程序多选框

微信小程序为我们提供了checkbox-group,多项选择源哗器,内部由多个checkbox组成。

如何查看自定义样式:

打开微信小程序的官网,f12之后,查看相应的元素。

更多小程序demo,关散裂档注 苏苏的gitee ,持续更新!如有写冲乱的不尽完善的地方,望指正!

边框设置菜单中,可以对边框进行样式设置。

边框左边部分用于选择设置哪个方向的边框,您可以选择上下左右四个边框中的任意边框设置样式。

也可以直接点击四个边框中的按钮,对所有边框统一设置样式。

右半部分是悔首对边框具体样式的设定碧逗数。

您可以为组件选择无边框,或者实线,点线,虚线三种不同形式的边框。

在选择有边框的基础上,您可以设置边框粗细,单位是px。

您还可以自指链定义边框的颜色。

1、首先我们新建一个小程序,目录如下图所示。

2、接着我们给页面声明个背景色,方便查看效果。

3、然后在页面中定义一个button,如下图所示。

4、可以看到左侧的button效果如下图所中拦示。

5、然后我们直接在button中重新填写要修改的丛拦默认样式即可覆盖,如下图所卖郑胡示。

6、可以看到页面的button样式被修改掉了。


欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/yw/8269797.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-04-14
下一篇2023-04-14

发表评论

登录后才能评论

评论列表(0条)

    保存