微信小程序 —— 踩坑记

1、修改button按钮的宽度无效

问题：在wxss文件里写button的宽度无效 解决：在button标签中直接写 style

如： <button style="width:600rpx;">登陆</button>

2、设置margin-right无效

box-sizing:border-box;

3、背景图片真机不显示

解决：背景图片转base64

//index.wxml <view style="background-image:url({{btnTabHome}})"></view> //index.js data:{ btnTabHome:'/images/btnTabHome.png', }, onLoad:function(){ let valuebase64 = wx.getFileSystemManager().readFileSync(this.data.btnTabHome, 'base64') this.setData({ btnTabHome: 'data:image/jpg;base64,' + valuebase64 }); }

如果有更好的方法，期待你的评论留言 ^ * ^ 如果帮到了你欢迎点赞打赏 ^ * ^