1.0.5 • Published 1 year ago

filter-item v1.0.5

Weekly downloads
-
License
ISC
Repository
-
Last release
1 year ago

filter-item

  • 筛选组件
  • Vue2

Intall

npm install filter-item

Usage

全局引入

main.js

import Vue from 'vue'
import App from './App.vue'
import filterItem from 'filter-item'
import 'filter-item/filter-item.css'

Vue.config.productionTip = false
Vue.use(filterItem)

new Vue({
  render: h => h(App),
}).$mount('#app')

vue 页面使用

<filter-item :defaultTags="[1]" :radio="false"></filter-item>

传参说明

传参名称参数类型默认值说明
classNameString大类名称大类名称
defaultTagsArray[]默认选中的表标签 key 值存储数组
tagListArray{name:'标签 1',key:1},{name:'标签 2',key:2}标签项
radioBooleanfalse是否单选
iconStyleObject{ size:16, name:'#icon-dagou1', angle:'0deg', position:'bottomLeft', markColor:'#67C23A'}打勾标识样式 size:Numbername:String(Symbol导出的iconfont图标名称)angel:Stringposition:String枚举:'topLeft','topRight','bottomLeft','bottomRight'markColor:String
checkStyleObject{border:'#cd9f54',backgroundColor:'#fff2de',color:'#cd9f54'}打标签样式

页面例子

image-20230424194856367

1.0.5

1 year ago

1.0.4

1 year ago

1.0.3

1 year ago

1.0.2

1 year ago

1.0.1

1 year ago

1.0.0

1 year ago