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

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

程序多选框

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

如何查看自定义样式:

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

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

这个问题有2种理解:占位大小(所占空间)和展示大小(展示的样式);

占位大小:可以隐伏春直接通过设置宽高来设置大小,如:

checkbox{

width:100px

height:80px

}

效果如:

如图,左边红框,即占位空间-100*80,为样式所控制的width:100pxheight:80px

左边蓝框,即展示,也就是我们一般看到的checkbox的样子了,它的大小就是由最小的宽高值决定的,如上例子最小值是高度的80px,那么这边的展示就是80*80;

PS:主要厅茄是理解:占灶耐位和展现是不一样。


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

原文地址: http://outofmemory.cn/yw/12424590.html

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

发表评论

登录后才能评论

评论列表(0条)

保存