Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/readpage/undraw-ui
vue评论组件，🔥基于vue3的UI组件，主要功能有评论，聊天，搜索，锚点。你的⭐️Star ，是作者开发的动力！
https://github.com/readpage/undraw-ui
typescript vue
Last synced: 6 days ago
JSON representation
vue评论组件，🔥基于vue3的UI组件，主要功能有评论，聊天，搜索，锚点。你的⭐️Star ，是作者开发的动力！
- Host: GitHub
- URL: https://github.com/readpage/undraw-ui
- Owner: readpage
- License: mit
- Created: 2022-04-08T05:14:57.000Z (almost 3 years ago)
- Default Branch: master
- Last Pushed: 2023-12-19T13:49:12.000Z (about 1 year ago)
- Last Synced: 2023-12-19T16:20:21.905Z (about 1 year ago)
- Topics: typescript, vue
- Language: Vue
- Homepage: https://undraw.gitee.io/undraw-ui/
- Size: 14.8 MB
- Stars: 623
- Watchers: 2
- Forks: 11
- Open Issues: 3
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
Undraw UI - A Vue.js 3 UI library
## 🔥功能
**折叠、评论、锚点、搜索**
1. 折叠
2. 评论
暗黑主题
3. 搜索(input关键词动态滚动)
4. 锚点
## 入门
请遵循[https://readpage.github.io/undraw-ui/](https://readpage.github.io/undraw-ui/)上的文档!
## 地址
- [gitee⚡️](https://gitee.com/undraw/undraw-ui)
- [github📌](https://github.com/readpage/undraw-ui)
## 安装
使用`npm`安装
element-plus可以选择需要版本
```sh
npm i element-plus2.6.0 [email protected]
```
## 导入
### 按需导入(推荐)
您需要使用额外的插件来导入要使用的组件。
首先你需要安装 unplugin-vue-components 两款插件。
```sh
npm install -D unplugin-vue-components
```
然后修改 vite.config.ts 或 vue.config.js 的配置。
```ts
import Components from 'unplugin-vue-components/vite'
import { UndrawUiResolver } from 'undraw-ui/es/resolvers'
export default {
plugins: [
Components({
resolvers: [UndrawUiResolver]
}),
],
}
```
### 全局注册(不推荐)-选择按需导入忽略
如果你对打包后的文件大小不是很在乎，那么使用完整导入会更方便。
```ts
import ElementPlus from 'element-plus'
import 'element-plus/dist/index.css'
import UndrawUi from 'undraw-ui'
import 'undraw-ui/dist/style.css'
const app = createApp(App)
app.use(ElementPlus)
app.use(UndrawUi)
app.mount('#app')
```
## 使用
### fold 折叠组件
```vue
每当白日依山尽，夕阳余辉便透过朵朵云层，像万道金光，如霞光万丈，把天空白云染得红彤彤，把大地山河映得金灿灿，仿佛整个世界在那一瞬间都变得金碧辉煌，热情奔放起来
孩子或者像孩子一样单纯的人，目的意识淡薄，沉浸在过程中，过程和目的浑然不分，他们能够随遇而安，即事起兴，不易感到无聊。商人或者像商人一样精明的人，有非常明确实际的目的，以此指导行动，规划过程，目的与过程丝丝相扣，他们能够聚精会神，分秒必争，也不易感到无聊。怕就怕既失去了孩子的单纯，又不肯学商人的精明，目的意识强烈却并无明确实际的目的，有所追求但所求不是太缥缈就是太模糊。
时间不是某种从我们身上流过的东西，而就是我的生命。弃我而去的不是日历上的一个个日子，而是我生命中的岁月；甚至也不仅仅是我的岁月，而就是我自己。我不但找不回逝去的岁月，而且也找不回从前的我了。
```
### 评论组件
[增强功能地址](https://readpage.github.io/undraw-ui/components/comment.html)
[基础使用-vite模板地址](https://gitee.com/undraw/undraw-ui-demo/tree/master/Vue)
[组件后端相关实例](https://gitee.com/undraw/undraw-ui-demo/tree/master/Java)
## 开发交流
QQ群:[undraw(682265529)](https://jq.qq.com/?_wv=1027&k=NsgARkfw)