建站
咨詢
售后
建站咨詢
人和植物一樣
內(nèi)容1
文明與野蠻
內(nèi)容2
村莊的時(shí)間
內(nèi)容3
新聞中心
這里有您想知道的互聯(lián)網(wǎng)營(yíng)銷解決方案
吹爆!這個(gè)Vue組件就很實(shí)用了！
今天給大家推薦一個(gè)基于vue3的UI組件，比較小眾，先收藏一起，萬(wàn)一用得上呢！
UndrawUI
UndrawUI是一個(gè)基于Vue的UI組件，主要功能有評(píng)論，聊天，搜索，錨點(diǎn)。
功能介紹
1.折疊和展開
使用屬性 unfold 實(shí)現(xiàn)展開和折疊功能。
時(shí)間不是某種從我們身上流過的東西，而就是我的生命。棄我而去的不是日歷上的一個(gè)個(gè)日子，而是我生命中的歲月；甚至也不僅僅是我的歲月，而就是我自己。我不但找不回逝去的歲月，而且也找不回從前的我了。
2.Comment 評(píng)論
使用屬性 comment ，通過 Comment 事件實(shí)現(xiàn)評(píng)論回復(fù)、點(diǎn)贊、支持表情包、刪除評(píng)論、圖片上傳等功能。
... 省略 ...3.錨點(diǎn)
使用屬性 anchor 提取標(biāo)題元素到導(dǎo)航欄，通過導(dǎo)航欄快速跳轉(zhuǎn)到目標(biāo)位置。
4.Search搜索
使用 search屬性，通過config設(shè)置搜索配置，submit搜索提交事件。
還有NoticeBar 通知欄、Tags標(biāo)簽頁(yè)等功能，大家可以自行下載區(qū)體驗(yàn)噢~
使用介紹
1.使用npm安裝
npm i undraw-ui2.依賴：在 main.ts 中引入組件
import { createApp } from 'vue'
import App from './App.vue'
import UndrawUi from 'undraw-ui'
import 'undraw-ui/dist/style.css'
const app = createApp(App)
app.use(UndrawUi)
app.mount('#app')項(xiàng)目地址
https://github.com/readpage/undraw-ui
https://undraw.gitee.io/undraw-ui
網(wǎng)站名稱：吹爆!這個(gè)Vue組件就很實(shí)用了！
標(biāo)題URL：http://www.dlmjj.cn/article/copdsps.html
