avatar

无题

aming-svg-button

npm install aming-svg-button

使用方式 全局引入 直接使用标签

main.js 引入

1
2
3
4
import amingSvgButton from 'aming-svg-button'
import 'aming-svg-button/lib/aming-svg-button.css'

Vue.use(amingSvgButton)

使用 三种类型选择 :typeColor=”‘white’

1
2
3
<aming-svg-button ></aming-svg-button>
<aming-svg-button :typeColor="'white'"></aming-svg-button>
<aming-svg-button :typeColor="'grey'"></aming-svg-button>

尺寸 使用三种 size large small 和默认

1
2
3
<aming-svg-button :size="'large'">Confirm</aming-svg-button>
<aming-svg-button >确定</aming-svg-button>
<aming-svg-button :size="'small'"></aming-svg-button>

smile 按钮

属性

提供active 关闭点击动一下 和颜色数组
1
2
3
4
<!-- vue -->
<aming-smile ></aming-smile>
<aming-smile :active="false"></aming-smile>
<aming-smile :colorAry="['#fff','#ccc']"></aming-smile>
文章作者: 张复明
文章链接: https://hexo.zhangaming.com/2021/08/13/myself-conponent/
版权声明: 本博客所有文章除特别声明外,均采用 CC BY-NC-SA 4.0 许可协议。转载请注明来自 阿明的博客
打赏
  • 微信
    微信
  • 支付寶
    支付寶

评论