gz-comps-ui
v2.0.4
Published
1. 按钮(button) 2. 轮播图(carousel)(目前有问题) 3. 文本省略(ellipsis) 4. 图片(image) 5. 渐变文字(gradientText) 6. 输入框(input) 7. 数字输入(inputNumber) 8. 单选框(radio) 9. 复选框(checkbox) 10. 选择器(selector) 11. 日期选择器(datePicker) 12. 五星好评(fivestar) 13. 开关(switch) 14. 表单(form
Downloads
6
Readme
gzui 介绍
实现组件(目前完成23个组件)
- 按钮(button)
- 轮播图(carousel)(目前有问题)
- 文本省略(ellipsis)
- 图片(image)
- 渐变文字(gradientText)
- 输入框(input)
- 数字输入(inputNumber)
- 单选框(radio)
- 复选框(checkbox)
- 选择器(selector)
- 日期选择器(datePicker)
- 五星好评(fivestar)
- 开关(switch)
- 表单(form)
- 日历(calendar)
- 虚拟列表(virtualList)
- table 表格(table)
- 树组件(tree)
- 图表(chart)
- 分页器(pagination)
- tabs 标签页(tabs)
- 模态框(modal)
- 加载(loading)
使用步骤
- npm i gz-comps-ui
- main.js中
import ui from "gz-comps-ui";
const app=createApp(App);
app.use(ui.gzUI);
- 举例
<gz-button>Default</gz-button>
<gz-calendar v-model="defaultTime" :width="280"></gz-calendar>
<gzCheckBox :list="list" v-model="checkValue"></gzCheckBox>
<gz-date-picker v-model="time"></gz-date-picker>
<gz-ellipsis width="100%" line="5" triggerClick>
请不要只盯着我最奇怪的刘海 我只想让你们记住我的存在请不要只我最奇怪的刘海
</gz-ellipsis>
<gz-five-star v-model="num" :size="20" highColor="orange" @change="change"> </gz-five-star>
<gzGradientText type="info" :size="30">asdasdas</gzGradientText>
...