## 前端示例代码库

在线演示: [https://example.kuizuo.cn](https://example.kuizuo.cn/)

<p>
<a href="https://stackblitz.com/github/kuizuo/example"><img src="https://developer.stackblitz.com/img/open_in_stackblitz.svg" alt=""></a>
</p>

整理前端样式和功能的实现代码，可以用来寻找灵感，或直接使用示例中的代码。

所有演示代码均存放在 [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) 使用 [\<route\> 标签块](https://github.com/hannoeru/vite-plugin-pages#sfc-custom-block-for-route-data) 定义组件信息，无需额外定义数据。

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