gz-comps-ui v2.0.4

gzui 介绍

实现组件(目前完成23个组件)

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)
15. 日历(calendar)
16. 虚拟列表(virtualList)
17. table 表格(table)
18. 树组件(tree)
19. 图表(chart)
20. 分页器(pagination)
21. tabs 标签页(tabs)
22. 模态框(modal)
23. 加载(loading)

使用步骤

1. npm i gz-comps-ui
2. main.js中

   import ui from "gz-comps-ui";
   const app=createApp(App);
   app.use(ui.gzUI);

3. 举例

<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>
...