1、原来的写法界面图如下

  <wux-button block type="orange">拍照确认</wux-button>

wux-button 样式扩展 增加shape属性
2、现在的写法只需要增加一个shape="round"参数,可以实现按钮边框为半圆

 <wux-button block type="orange" shape="round">拍照确认</wux-button>

wux-button 样式扩展 增加shape属性
3、改造方法
button/index.js增加

 shape: {
   type: String,
   value: 'rect',
 }

button/index.wxml增加

{{ shape ? 'wux-button--' + shape : '' }}

button/index.wxss增加

.wux-button--round {
  border-radius: 84rpx;
}

搞定

相关文章:

  • 2021-08-31
  • 2022-12-23
  • 2021-07-06
  • 2021-05-29
  • 2021-10-27
  • 2022-12-23
猜你喜欢
  • 2022-12-23
  • 2022-12-23
  • 2021-09-02
  • 2022-12-23
  • 2022-12-23
  • 2021-05-06
  • 2021-12-27
相关资源
相似解决方案