[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"project-9044":3},{"id":4,"name":5,"fullName":6,"owner":7,"repo":5,"description":8,"homepage":9,"htmlUrl":10,"language":11,"languages":10,"totalLinesOfCode":10,"stars":12,"forks":13,"watchers":14,"openIssues":15,"contributorsCount":16,"subscribersCount":16,"size":16,"stars1d":16,"stars7d":16,"stars30d":16,"stars90d":16,"forks30d":16,"starsTrendScore":16,"compositeScore":17,"rankGlobal":10,"rankLanguage":10,"license":18,"archived":19,"fork":19,"defaultBranch":20,"hasWiki":21,"hasPages":21,"topics":22,"createdAt":10,"pushedAt":10,"updatedAt":25,"readmeContent":26,"aiSummary":27,"trendingCount":16,"starSnapshotCount":16,"syncStatus":28,"lastSyncTime":29,"discoverSource":30},9044,"undraw-ui","readpage\u002Fundraw-ui","readpage","vue评论组件，🔥基于vue3的UI组件，主要功能有评论，聊天，搜索，锚点。你的⭐️Star ，是作者开发的动力！","https:\u002F\u002Freadpage.github.io\u002Fundraw-ui\u002F",null,"Vue",982,24,1,4,0,48.19,"MIT License",false,"master",true,[23,24],"typescript","vue","2026-06-12 04:00:42","  \u003Cp align=\"center\">\n    \u003Cimg src=\"https:\u002F\u002Fs2.loli.net\u002F2022\u002F04\u002F19\u002Fm4aqSs6DINYCLjG.png\">\n  \u003C\u002Fp>\n\u003Cp align=\"center\">\n   \u003Ca href=\"https:\u002F\u002Fwww.npmjs.org\u002Fpackage\u002Fundraw-ui\">\n    \u003Cimg src=\"https:\u002F\u002Fimg.shields.io\u002Fnpm\u002Fv\u002Fundraw-ui.svg\">\n  \u003C\u002Fa>\n  \u003Ca href=\"https:\u002F\u002Fnpmcharts.com\u002Fcompare\u002Fundraw-ui?minimal=true\">\n    \u003Cimg src=\"https:\u002F\u002Fimg.shields.io\u002Fnpm\u002Fdt\u002Fundraw-ui.svg\">\n  \u003C\u002Fa>\n  \u003Ca href=\"https:\u002F\u002Fgithub.com\u002Fvuejs\u002Fcore\">\n    \u003Cimg src=\"https:\u002F\u002Fimg.shields.io\u002Fbadge\u002Fdependencies-vue%E2%89%A53.2.25-green\">\n  \u003C\u002Fa>\n\n\n\n\u003Cp align=\"center\">Undraw UI - A Vue.js 3 UI library\u003C\u002Fp>\n\u003Ca href=\"https:\u002F\u002Fhellogithub.com\u002Frepository\u002F787564b16f214b2f851724bc140cb493\" target=\"_blank\">\u003Cimg src=\"https:\u002F\u002Fapi.hellogithub.com\u002Fv1\u002Fwidgets\u002Frecommend.svg?rid=787564b16f214b2f851724bc140cb493&claim_uid=2LGtR6bWFcSuqfk\" alt=\"Featured｜HelloGitHub\" style=\"width: 250px; height: 54px;\" width=\"250\" height=\"54\" \u002F>\u003C\u002Fa>\n\n## 🔥功能\n\n**折叠、评论、锚点、搜索**\n\n\n\n1. 折叠\n\n![](https:\u002F\u002Fs2.loli.net\u002F2022\u002F04\u002F28\u002Ffrd5h8bulF7SZK6.png)\n\n\n2. 评论\n\n![](https:\u002F\u002Fs2.loli.net\u002F2022\u002F04\u002F28\u002FHtGWBxsJ5LljDEU.png)\n\n\u003Cp style=\"text-align: center\">暗黑主题\u003Cp>\n\n![img](https:\u002F\u002Fgitee.com\u002Fundraw\u002Fundraw-ui\u002Fraw\u002Fmaster\u002Fpublic\u002Fdocs\u002Fcomment-dark.png)\n\n3. 搜索(input关键词动态滚动)\n\n![](https:\u002F\u002Fs2.loli.net\u002F2022\u002F06\u002F22\u002FjuvX79t6OPcaWZs.png)\n\n4. 锚点\n\n![](https:\u002F\u002Fs2.loli.net\u002F2022\u002F04\u002F30\u002Fr2XbGviK8FqUoRQ.png)\n\n## 入门\n\n请遵循[https:\u002F\u002Freadpage.github.io\u002Fundraw-ui\u002F](https:\u002F\u002Freadpage.github.io\u002Fundraw-ui\u002F)上的文档!\n\n## 地址\n\n- [gitee⚡️](https:\u002F\u002Fgitee.com\u002Fundraw\u002Fundraw-ui)\n- [github📌](https:\u002F\u002Fgithub.com\u002Freadpage\u002Fundraw-ui)\n\n## 安装\n\n使用`npm`安装  \n\nelement-plus可以选择需要版本\n```sh\nnpm i element-plus@2.6.0 undraw-ui@1.2.7\n```\n\n## 导入\n\n### 按需导入(推荐)\n您需要使用额外的插件来导入要使用的组件。  \n首先你需要安装 unplugin-vue-components 两款插件。\n\n```sh\nnpm install -D unplugin-vue-components\n```\n\n然后修改 vite.config.ts 或 vue.config.js 的配置。\n\n```ts\nimport Components from 'unplugin-vue-components\u002Fvite'\nimport { UndrawUiResolver } from 'undraw-ui\u002Fes\u002Fresolvers'\n\nexport default {\n  plugins: [\n    Components({\n      resolvers: [UndrawUiResolver]\n    }),\n  ],\n}\n```\n\n### 全局注册(不推荐)-选择按需导入忽略\n如果你对打包后的文件大小不是很在乎，那么使用完整导入会更方便。\n```ts\nimport ElementPlus from 'element-plus'\nimport 'element-plus\u002Fdist\u002Findex.css'\n\nimport UndrawUi from 'undraw-ui'\nimport 'undraw-ui\u002Fdist\u002Fstyle.css'\n\nconst app = createApp(App)\napp.use(ElementPlus)\napp.use(UndrawUi)\napp.mount('#app')\n```\n\n## 使用\n\n### fold 折叠组件\n\n```vue\n\u003Ctemplate>\n  \u003Cdiv style=\"width: 200px;\">\n    \u003Cu-fold line=\"1\">\n      \u003Cp>每当白日依山尽，夕阳余辉便透过朵朵云层，像万道金光，如霞光万丈，把天空白云染得红彤彤，把大地山河映得金灿灿，仿佛整个世界在那一瞬间都变得金碧辉煌，热情奔放起来\u003C\u002Fp>\n    \u003C\u002Fu-fold>\n    \u003Cu-divider \u002F>\n    \u003Cu-fold line=\"2\">\n      孩子或者像孩子一样单纯的人，目的意识淡薄，沉浸在过程中，过程和目的浑然不分，他们能够随遇而安，即事起兴，不易感到无聊。商人或者像商人一样精明的人，有非常明确实际的目的，以此指导行动，规划过程，目的与过程丝丝相扣，他们能够聚精会神，分秒必争，也不易感到无聊。怕就怕既失去了孩子的单纯，又不肯学商人的精明，目的意识强烈却并无明确实际的目的，有所追求但所求不是太缥缈就是太模糊。\n    \u003C\u002Fu-fold>\n    \u003C!-- 使用属性 unfold 启动展开和折叠功能 -->\n    \u003Cu-fold unfold line=\"1\">\n      \u003Cp>\n        时间不是某种从我们身上流过的东西，而就是我的生命。弃我而去的不是日历上的一个个日子，而是我生命中的岁月；甚至也不仅仅是我的岁月，而就是我自己。我不但找不回逝去的岁月，而且也找不回从前的我了。\n      \u003C\u002Fp>\n    \u003C\u002Fu-fold>\n  \u003C\u002Fdiv>\n\u003C\u002Ftemplate>\n```\n### 评论组件\n[增强功能地址](https:\u002F\u002Freadpage.github.io\u002Fundraw-ui\u002Fcomponents\u002Fcomment.html)  \n[基础使用-vite模板地址](https:\u002F\u002Fgitee.com\u002Fundraw\u002Fundraw-ui-demo\u002Ftree\u002Fmaster\u002FVue)  \n[组件后端相关实例](https:\u002F\u002Fgitee.com\u002Fundraw\u002Fundraw-ui-demo\u002Ftree\u002Fmaster\u002FJava)  \n\n\n\n## 开发交流\n\nQQ群:[undraw(682265529)](https:\u002F\u002Fjq.qq.com\u002F?_wv=1027&k=NsgARkfw)\n\n","Undraw UI 是一个基于 Vue 3 的 UI 组件库，提供了包括评论、聊天、搜索和锚点在内的多种功能。该项目采用 TypeScript 编写，确保了代码的类型安全性和可维护性，并且与 Vue 3.2.25 及以上版本兼容。其核心特性之一是高度可定制化的评论组件，支持暗黑模式切换，以及动态关键词滚动搜索等实用功能。此外，通过 unplugin-vue-components 插件实现了按需加载组件的能力，有助于优化应用性能。Undraw UI 非常适合需要快速集成高质量交互式界面元素的 Vue 项目，特别是在构建社区平台、论坛或任何包含用户生成内容的应用场景中。",2,"2026-06-11 03:20:55","top_language"]