0.0.3 • Published 4 years ago
vue-move-93 v0.0.3
vue-move-93介绍
Button(按钮)
my-button
内容可自定义,直接插入即可
size属性可控制大小,选项有:
mini,tiny,small,medium,large,big,huge,massive
默认为small
icon属性添加图标,具体图标列表参考
https://semantic-ui.com/elements/button.html
disabled 属性可控制按钮是否可用(添加即可)
loading 属性控制加载动画
animated:
属性给按钮添加动画,
动画效果为:
不传,则为左划
fade,缩放,
vertical,上划
动画需要两个div标签
需要slot属性分别为hidden,visible
代码参考为
<my-button animated >
<div slot="hidden">$10000</div>
<div slot="visible"><i class="shop icon"></i>不要错过哈</div>
</my-button>
<my-button animated="fade" >
<div slot="hidden">$10000</div>
<div slot="visible"><i class="shop icon"></i>不要错过哈</div>
</my-button>