整理一下小程序爬过的坑(持续更新)

本文介绍了小程序开发中的几个实用技巧,包括解决背景图片显示问题的方法、wxss与css的区别、去除button默认边框效果的方式以及bindtap与catchtap的区别。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

1、小程序中背景图片的显示问题

        首先,小程序中的背景图片需要卸载行内而不是写在样式表当中,写在行内在模拟器上可以看见,但是在真机上是看不到的,你需要把图片转换成64位的编码或者将背景图片们上传到网络上,比如扣扣空间然后保存图片路径放到你的项目当中就可以在真机中使用了,另外如果需要设置背景图片的大小,也是需要在行内设置,即图片路径在哪里,图片大小设置就在哪里。

2、小程序中wxss和css有什么区别

        首先wxss中最大的特点就是增加了rpx这个单位,规则是1rpx = (屏幕宽度/750)px,解决了屏幕适配的问题,详情见官网。另外wxss是不能支持所有的css的属性的,比如wxss就不支持css的后代选择器。

3、button上的默认边框效果怎么去除

        首先给button设置border:0是无效的。因为小程序中button的边框是用::after实现的,所以说想要去除button上的边框需要设置button::after{border:none}就可以啦。

4、bindtap和catxhtap的区别

      bindtap元素绑定事件,父节点绑定事件会冒泡;catchtap不会冒泡,仅在当前元素出发


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值