小程序
小游戏
企业微信
微信支付
扫描小程序码分享
小程序的按钮大家一般是用button还是用view自己写样式,各位敞开谈谈谈?
比如有时候必须用到button的open-type,但是样式完全还是自己定义的,大家敞开谈谈,平时怎么处理的,button,view各有什么优势
1 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
在全局app.wxss里面把button样式全部重置了,按钮样子就和view没两样了 因为有一些功能,比如登录授权必须用到button组件的
你好,麻烦通过点击下方“反馈信息”按钮,提供出现问题的。
/**app.wxss**/
.flex{display: flex;justify-content: space-between;align-items: center;}
.flex1{flex: 1;}
.relative{position: relative;}
page{box-sizing: border-box;color: #333;font-size: 28rpx;}
view{box-sizing: border-box;}
input{box-sizing: border-box;line-height: 2;font-size: 28rpx;height: 56rpx;border-radius: 10rpx;padding: 0 10rpx;width: 100%;}
button{font-size: 28rpx;white-space: nowrap;border-radius: 10rpx;overflow: unset;line-height: 2;height: 56rpx;padding: 0 1rem;color: #333;margin: 0;}
button::after{border: none;}
image{display: block;}
关注后,可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
在全局app.wxss里面把button样式全部重置了,按钮样子就和view没两样了 因为有一些功能,比如登录授权必须用到button组件的
/**app.wxss**/
.flex{display: flex;justify-content: space-between;align-items: center;}
.flex1{flex: 1;}
.relative{position: relative;}
page{box-sizing: border-box;color: #333;font-size: 28rpx;}
view{box-sizing: border-box;}
input{box-sizing: border-box;line-height: 2;font-size: 28rpx;height: 56rpx;border-radius: 10rpx;padding: 0 10rpx;width: 100%;}
button{font-size: 28rpx;white-space: nowrap;border-radius: 10rpx;overflow: unset;line-height: 2;height: 56rpx;padding: 0 1rem;color: #333;margin: 0;}
button::after{border: none;}
image{display: block;}