Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/kuizuo/example
本项目整理我前端日常学习中的demo案例
https://github.com/kuizuo/example
components css demo ui-components vite vue
Last synced: about 2 months ago
JSON representation
本项目整理我前端日常学习中的demo案例
- Host: GitHub
- URL: https://github.com/kuizuo/example
- Owner: kuizuo
- License: mit
- Created: 2022-07-29T14:44:52.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2023-09-18T12:00:16.000Z (over 1 year ago)
- Last Synced: 2023-09-18T13:09:24.405Z (over 1 year ago)
- Topics: components, css, demo, ui-components, vite, vue
- Language: Vue
- Homepage: https://example.kuizuo.cn
- Size: 3.5 MB
- Stars: 7
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
## 前端示例代码库
在线演示: [https://example.kuizuo.cn](https://example.kuizuo.cn/)
整理前端样式和功能的实现代码,可以用来寻找灵感,或直接使用示例中的代码。
所有演示代码均存放在 [src/pages/example](https://github.com/kuizuo/example/tree/main/src/pages/example) 下,均使用 [vue3 setup](https://cn.vuejs.org/api/sfc-script-setup.html#script-setup) 语法进行编写。
### 特点
- 基于 [vitesse](https://github.com/antfu/vitesse) 模板,使用Vue3 + Vite + UnoCSS
- 在 [src/pages/example](https://github.com/kuizuo/example/tree/main/src/pages/example) 下的组件通过 [SFC](https://cn.vuejs.org/api/sfc-spec.html#sfc-syntax-specification) 使用 [\ 标签块](https://github.com/hannoeru/vite-plugin-pages#sfc-custom-block-for-route-data) 定义组件信息,无需额外定义数据。
- 两种演示组件方式,方便预览的同时,还可以查看或复制组件相关代码。