微信小程序button组件样式

时间:2022-03-24 22:06:23

点击微信按键组件才能出授权,所以自定义样式就是必须的了,来自网友的帮助,如下图

微信小程序button组件样式

<button class='btn1' open-type='contact'>
    <image class='btnImg' src='../../images/客服.png'></image>
    <view>联系客服</view>
 </button>


.btn1{
  width: 200rpx;
  height: 200rpx;
  margin-top: 20rpx;
  background-color: white;
  color: #999999;
  border-radius: 0rpx;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-size: 30rpx;
}

.btnImg {
  width: 50rpx;
  height: 50rpx;
}

.btn1::after {
  border: 0; 
}

 

 

https://www.jianshu.com/p/93d7104be420

 

.