1.0.5 • Published 3 years ago
sc-selecte v1.0.5
组件介绍
sc-select
是一个简易的下拉列表组件- 它同时适用于移动端和 PC 端
- 在未来版本中将加入自定义样式的功能
- 如果对该组件有任何意见,可发送至934772615@qq.com
组件使用
安装
npm i sc-selecte
引入
- 全局引入
import Vue from 'vue'
import SSelect from 'sc-select'
Vue.use(SSelect)
- 组件内引入
import {ScSelect} from 'sc-select'
export default {
components: {
ScSelect
}
}
使用示例
<template>
<sc-select :listText="listText">
</sc-select>
</template>
<script>
import {ScSelect} from 'sc-select'
export default {
components: {
ScSelect
},
data() {
return {
listText: []
}
}
}
</script>
组件属性
属性 | 用途 | 默认值 |
---|---|---|
baseHeight | 组件高度(需附带单位) | 30px |
baseWidth | 组件宽度(需附带单位) | 120px |
listText | 组件所绑定的数组列表 | 1, 2, 3, 4 |
showAttribute | 当listText 为数组对象时,该属性用于设置所需展示的那个属性 | '' |
themeColor | 组件活跃时的颜色 | red |