微信小程序开发如何实现圆形按钮/圆角按钮

圆形按钮：

显示：

实现

.wxml

<view style="width: 100%;height:200rpx;display: flex; align-items: center;justify-content: center;">
  <view style="width:20px; height:20px; border-radius: 50%; background-color: red; text-align: center; color: white;">+</view>
</view>

 关键代码：border-radius: 50%

圆角按钮

通过调整border-radius: 50%的值即可实现不同弧度的圆角按钮，显示如下：

更多微信小程序内容欢迎关注。

有用的话欢迎打赏。