Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

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案例

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) 定义组件信息,无需额外定义数据。

- 两种演示组件方式,方便预览的同时,还可以查看或复制组件相关代码。