更新记录
1.0.1(2019-11-12)
- 优化 可在nvue页面中使用
1.0.0(2019-10-16)
- 新增 收藏组件
Fav 收藏按钮
已经支持在nvue页面中使用
用于收藏功能,可点击切换选中、不选中的状态,组件名:uni-fav
,代码块: uFav。
使用方式
在 script
中引用组件
import uniFav from '@/components/uni-fav/uni-fav.vue'
export default {
components: {uniFav}
}
在 template
中使用组件
<uni-fav :checked="checked" @click="onClick"></uni-fav>
<uni-fav :checked="checked" class="favBtn" circle="true" bg-color="#dd524d" bg-color-checked="#007aff" @click="onClick"></uni-fav>
属性说明
属性名 | 类型 | 默认值 | 说明 |
---|---|---|---|
star | Boolean | true | 按钮是否带星星 |
bg-color | String | #eeeeee | 未收藏时的背景色 |
bg-color-checked | String | #007aff | 已收藏时的背景色 |
fg-color | String | #666666 | 未收藏时的文字颜色 |
fg-color-checked | String | #FFFFFF | 已收藏时的文字颜色 |
circle | Boolean | false | 是否为圆角 |
checked | Boolean | false | 是否为已收藏 |
content-text | Object | {contentDefault: '收藏',contentFav: '已收藏'} |
收藏按钮文字 |
事件说明
事件称名 | 说明 | 返回值 |
---|---|---|
click | 点击 fav按钮 触发事件 | - |