- 博客(138)
- 收藏
- 关注
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 Vue3搜索框(InputSearch)
带搜索按钮的输入框,支持:自定义搜索按钮;三种大小;带清除图标;带字数提示;前置标签;自定义前缀和后缀;搜索中;禁用;总之,功能丰富,简单易用😁😁
2024-08-26 10:32:03
745
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 Vue2图片懒加载(vue-lazyload)
在 vue2 中使用图片懒加载,支持:统一默认图;或者使用不同的默认图;默认图支持本地图片或网络图片
2024-08-16 14:28:41
376
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 Vue3列表(List)
通用列表,支持:是否显示分割线;是否显示边框;三种尺寸;加载中;暂无数据;显示悬浮样式;列表添加操作项;自定义样式;竖排分页列表;总之;功能丰富,简单易用😁😁
2024-08-15 13:48:12
1006
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 Vue3组合式函数(监听DOM尺寸 useResizeObserver)
使用 ResizeObserver API 编写的 Vue3 通用组合式函数观察 DOM 元素尺寸变化,功能丰富,简单易用😁😁
2024-08-02 09:31:45
1050
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 Vue3分段控制器(Segmented)
用于展示多个选项并允许用户选择其中单个选项,支持:禁用;动态加载数据;自定义渲染;三种大小等;总之,功能丰富,简单易用😁😁
2024-07-24 16:32:45
717
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 Vue3抽屉(Drawer)
抽屉从父窗体边缘滑入,覆盖住部分父窗体内容,支持:自定义抽屉弹出位置;添加额外操作;自定义抽屉页脚;自定义 header & body 样式;总之,功能丰富,简单易用😁😁
2024-06-26 15:42:20
869
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 Vue3骨架屏(Skeleton)
在需要等待加载内容的位置提供一个占位图形组合,支持:按钮,输入框,图像,头像等占位图;功能丰富,简单易用😁😁
2024-05-24 15:38:06
1175
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 Taro@3.x+Vue@3.x+TS开发微信小程序,使用自定义tabBar
使用Taro@3.x+Vue@3.x+TS开发微信小程序,使用自定义tabBar
2024-04-28 15:14:49
701
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 Vue3气泡卡片(Popover)
点击/鼠标移入元素,弹出气泡式的卡片浮层,支持:自定义样式;不同的触发方式;延迟显示隐藏;隐藏箭头;总之,功能丰富,简单易用😁😁
2024-03-27 17:55:22
1226
1
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 Vue3水印(Watermark)
给页面的某个区域加上水印,我保证没人能够消除篡改它!同时支持浏览器暗黑模式时水印颜色自动反转;总之,功能丰富,简单易用,总能满足你的想象 😁😁
2023-11-28 16:25:23
4128
8
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 Vue3数值动画(NumberAnimation)
数值播放动画,支持:设置精度,自定义前缀 & 后缀;自定义样式;自定义播放和动画时间;总之,功能丰富,简单易用😁😁
2023-09-05 11:34:00
1685
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 Vue3回到顶部(BackTop)
返回顶部操作按钮,支持:自定义图标;自定义类型和形状;文字描述;悬浮提示;自定义可视高度;自定义位置;自定义监听目标。帮助你回到最初的那个地方!总之,功能丰富,简单易用😁😁
2023-09-04 10:22:10
2117
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 Vue3头像(Avatar)
用来代表用户或事物,支持:图片、图标或字符展示;三种尺寸;响应式尺寸;总之,功能丰富,简单易用,总能满足你的想象 😁
2023-08-15 14:49:29
2122
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 Vue3弹出确认(Popconfirm)
点击或悬浮元素,弹出气泡式的确认框,支持:隐藏取消按钮;自定义样式;自定义按钮;预置四种 Icon 图标;自定义 Icon 图标;不同的触发方式;延迟显示隐藏;隐藏箭头等;总之,功能丰富,简单易用,总能满足你的想象😁😁
2023-08-09 17:20:27
2664
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 Vue3文本省略(Ellipsis)
文本过长自动处理显示省略号,同时鼠标悬浮,文字提示全部内容,支持:多行省略;点击展开;定制 Tooltip 内容;自定义 Tooltip 样式;总之,功能丰富,简单易用😁
2023-08-03 17:37:25
1807
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 Vue3徽标(Badge)
图标右上角的圆形徽标数字,支持:设置封顶数字;自定义内容;自定义徽标样式;徽标偏移;使用小红点;使用状态点;动态变化;自定义悬浮状态点的显示文字;多彩徽标;总之,功能丰富,简单易用,总能满足你的想象😁
2023-08-03 10:21:19
1124
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 Vue3描述列表(Descriptions)
成组展示多个只读字段,常见于详情页的信息展示,支持:带边框或不带边框两张样式;水平列表或垂直列表两种模式;三种尺寸;自定义内容和样式;总之,功能丰富,简单易用,总能满足你的想象😁
2023-08-02 11:14:12
3430
6
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 Vue3标签(Tag)
进行标记和分类的小标签,支持:多彩标签;预设状态的标签;动态添加和删除;三种尺寸;自定义动态标签排列;无边框;总之,功能丰富,简单易用😁😁
2023-07-25 17:30:51
1642
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 Vue3输入框(Input)
通过鼠标或键盘输入内容,是最基础的表单域的包装,支持:三种尺寸;自定义前缀和后缀;自定义前置和后置标签;清除功能;密码框;数字提示;总之,功能丰富,简单易用😁😁
2023-07-25 17:19:48
8106
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 Vue3统计数值(Statistic)
展示统计数值,支持:添加前缀和后缀;自定义数值样式;设置数值精度;自定义分隔符;自定义数值展示;总之,功能丰富,简单易用😁😁
2023-07-18 11:23:29
1972
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 Vue3结果(Result)
用于反馈一系列操作任务的处理结果,支持:成功的结果;展示处理的结果;警告类型的结果;复杂的错误反馈;403 页面;404 页面;500 页面;自定义 Icon;自定义额外内容;总之,功能丰富,简单易用😁😁
2023-07-18 11:01:41
697
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 Vue3警告提示(Alert)
警告提示,展现需要关注的信息,支持:四种样式;可关闭;辅助性文字介绍;辅助图标;自定义关闭文字;自定义图标;自定义操作项;总之,功能丰富,简单易用,总能满足你的想象😁😁
2023-07-18 10:27:28
3984
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 Vue3栅格(Grid)
基于行(Row)和列(Col)来实现的24 栅格系统,支持:水平区块间隔;响应式区块间隔;垂直区块间隔;响应式垂直区块间隔;左右偏移;自定义排版方式;自定义对齐方式;flex 填充;响应式布局等;总之,功能丰富,简单易用,总能满足你的想象😁😁
2023-07-18 10:00:14
2796
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 Vue3卡片(Card)
最基础的卡片容器,可承载文字、列表、图片、段落,支持:小尺寸卡片;简洁卡片;预加载卡片;无边框卡片;自定义标题和内容区域样式;内部嵌套卡片;栅格卡片等;总之,功能丰富,简单易用😁😁
2023-07-18 09:35:33
4754
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 Vue3间距(Space)
用于组件之间的间距,适合行内元素的水平间距,支持:设置水平或垂直间距;设置垂直对其方式;自动换行;总之,功能丰富,简单易用😁😁
2023-07-14 17:01:06
2121
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 使用VitePress创建个人网站并部署到GitHub
使用VitePress创建个人网站并部署到GitHub,自定义主题样式,配置并使用algolia搜索或内置search搜索
2023-06-14 09:52:41
2517
11
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 使用VitePress静态网站生成器创建组件库文档网站并部署到GitHub
使用VitePress静态网站生成器创建vue-amazing-ui组件库使用文档,并部署到GitHub
2023-06-08 14:50:06
2961
2
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 Vue3+TS+Vite开发组件库并发布到npm
Vue3+TS+Vite开发的UI组件库,并已发布到npm,其中包含35个常用组件和9个常用工具函数,持续更新中...
2023-06-08 14:41:35
5778
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人