人和植物一样
内容1
文明与野蛮
内容2
村庄的时间
内容3
今天给大家推荐一个基于vue3的UI组件,比较小众,先收藏一起,万一用得上呢!
UndrawUIUndrawUI
是一个基于Vue
的UI组件,主要功能有评论,聊天,搜索,锚点。
使用属性unfold
实现展开和折叠功能。
(资料图)
时间不是某种从我们身上流过的东西,而就是我的生命。弃我而去的不是日历上的一个个日子,而是我生命中的岁月;甚至也不仅仅是我的岁月,而就是我自己。我不但找不回逝去的岁月,而且也找不回从前的我了。
2.Comment 评论使用属性comment
,通过Comment 事件
实现评论回复、点赞、支持表情包、删除评论、图片上传等功能。
... 省略 ...
3.锚点使用属性anchor
提取标题元素到导航栏,通过导航栏快速跳转到目标位置。
人和植物一样
内容1
文明与野蛮
内容2
村庄的时间
内容3
4.Search搜索使用search
属性,通过config
设置搜索配置,submit
搜索提交事件。
<script setup lang="ts">import { ref } from "vue"import { SearchConfig } from "undraw-ui"const config = ref({ keywords: ["斗罗大陆", "斗破苍穹", "吞噬星空", "凡人修仙传", "一念永恒"], // 搜索框关键字滚动 hotSearchList: [ "斗罗大陆", "斗破苍穹", "吞噬星空", "凡人修仙传", "一念永恒", "完美世界", "鬼灭之刃", "间谍过家家", "武动乾坤", "神印王座" ] // top10 热门搜索 最多显示10条数据})const submit = (val: string) => { console.log(val) window.open("/all?keyword=" + val)}</script>
还有NoticeBar 通知栏、Tags标签页等功能,大家可以自行下载区体验噢~
使用介绍1.使用npm安装
npm i undraw-ui
2.依赖:在 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")
项目地址https://github.com/readpage/undraw-ui
https://undraw.gitee.io/undraw-ui
标签:
今天给大家推荐一个基于vue3的UI组件,比较小众,先收藏一起,万一用得上呢!UndrawUIUndrawUI是一个基于Vu
据上海钢联发布数据显示,今日电池级碳酸锂涨1000元 吨,均价报19 6万元 吨,工业级碳酸锂涨3000元 吨,均
4月14日晚间,华宝新能发布2022年年报显示,公司实现营收32 03亿元,同比增长38 35%;归母净利润2 87亿元,
1、重生后我嫁给渣男的死对头大结局里面,女主和男主的名声非常的好,大家都非常信任他们。2、然后感觉他们
据报道,苹果公司CEO蒂姆·库克近日在财报电话会议上表示,自公司上月推出新的高收益储蓄账户服务AppleCard
圈出“新居”美好生活 五浦汇大型安置房基地周边各大商圈汇聚,环线、轨道交通出行便捷、友好,吾悦广场
近日,渤海银行发布公告,称自5月5日起调整人民币存款挂牌利率。此外,记者注意到,浙商银行、恒丰银行也发
国联证券04月14日发布研报称,给予信测标准(300938 SZ,最新价:41 69元)买入评级。评级理由主要包括:1
他赋予海鸥人的意义,每个人都是一只海鸥,想要飞翔,但是最终都没有飞起来,这是生活和生命本身的问题。”
5月3日,百胜中国控股有限公司(下称“百胜中国”)发布的截至2023年3月31日第一季度业绩报告显示,一季度
5月5日下午,精测电子(300567)2022年年度业绩说明会在全景网圆满举行。本次业绩说明会采用网络远程的方式
今年以来,公募REITs产品价格有所回落,截至4月28日,有5只产品跌破发行价,年初至今27只公募REITs产品平均
IT之家5月5日消息,今年早些时候,微软在Windows11中为文件资源管理器引入了标签页,不过功能还比较简单,
为了传承“爱国、进步、民主、科学”的五四爱国主义精神,点燃青春梦想,凝聚学校青年教师力量,5月4日,在