微信小程序button组件样式

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

微信小程序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

 

.

微信小程序button组件样式

上一篇:微信小程序组建通信


下一篇:微信机器人文档(简明版)