微信小程序使用图片作为Button

2024-11-18 04:02:32

1、打开开发者工具,在项目的pages文件夹下新建mypage文件夹,并在文件夹下新建mypage,在app.json中将mypage设为第一页面

微信小程序使用图片作为Button

3、保存代码,左侧模拟器效果如下图,这是没有任何样式的button

微信小程序使用图片作为Button

5、在mypage.wxss中写代码如下:button[plain]{ border:0;width: 80px;}image{margin: 0;width:50rpx;height: 50rpx;border: none;}

微信小程序使用图片作为Button

7、保存代码,在模拟器查看效果如下图

微信小程序使用图片作为Button
猜你喜欢