自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

Mr Dear的博客

The hardest choices require the strongest wills.

  • 博客(138)
  • 收藏
  • 关注

原创 Vue3搜索框(InputSearch)

带搜索按钮的输入框,支持:自定义搜索按钮;三种大小;带清除图标;带字数提示;前置标签;自定义前缀和后缀;搜索中;禁用;总之,功能丰富,简单易用😁😁

2024-08-26 10:32:03 745

原创 Vue2图片懒加载(vue-lazyload)

在 vue2 中使用图片懒加载,支持:统一默认图;或者使用不同的默认图;默认图支持本地图片或网络图片

2024-08-16 14:28:41 376

原创 Vue3列表(List)

通用列表,支持:是否显示分割线;是否显示边框;三种尺寸;加载中;暂无数据;显示悬浮样式;列表添加操作项;自定义样式;竖排分页列表;总之;功能丰富,简单易用😁😁

2024-08-15 13:48:12 1006

原创 Vue3组合式函数(监听DOM尺寸 useResizeObserver)

使用 ResizeObserver API 编写的 Vue3 通用组合式函数观察 DOM 元素尺寸变化,功能丰富,简单易用😁😁

2024-08-02 09:31:45 1050

原创 Vue3加载条(LoadingBar)

当你需要显示加载进度时,快来找我就对了!😁😁 支持:全局页面加载条;局部加载条;自定义加载条样式...

2024-07-30 16:49:50 533

原创 Vue3分段控制器(Segmented)

用于展示多个选项并允许用户选择其中单个选项,支持:禁用;动态加载数据;自定义渲染;三种大小等;总之,功能丰富,简单易用😁😁

2024-07-24 16:32:45 717

原创 Vue3滚动条(Scrollbar)

这是一个优美的滚动条,无论在哪里,它都一样的优美,不信你试试...

2024-07-18 16:34:01 657

原创 Vue3渐变文字(GradientText)

当你需要一些渐变文字时,你可以来找我哦😁😁

2024-07-15 11:03:19 524

原创 Vue3抽屉(Drawer)

抽屉从父窗体边缘滑入,覆盖住部分父窗体内容,支持:自定义抽屉弹出位置;添加额外操作;自定义抽屉页脚;自定义 header & body 样式;总之,功能丰富,简单易用😁😁

2024-06-26 15:42:20 869

原创 Vue3骨架屏(Skeleton)

在需要等待加载内容的位置提供一个占位图形组合,支持:按钮,输入框,图像,头像等占位图;功能丰富,简单易用😁😁

2024-05-24 15:38:06 1175

原创 Taro@3.x+Vue@3.x+TS开发微信小程序,设置转发分享

微信小程序设置全局自定义转发分享,或自定义单个页面的转发分享

2024-05-07 15:31:58 678

原创 Taro@3.x+Vue@3.x+TS开发微信小程序,网络请求封装

针对Taro.request()进行网络请求封装,方便使用!

2024-05-06 14:24:55 540

原创 Taro@3.x+Vue@3.x+TS开发微信小程序,上传文件

微信小程序上传文件,使用,同时自定义上传方法

2024-04-28 16:01:56 496

原创 Taro@3.x+Vue@3.x+TS开发微信小程序,根据系统主题展示不同样式(darkMode)

微信小程序根据系统主题展示不同样式

2024-04-28 15:57:31 284

原创 Taro@3.x+Vue@3.x+TS开发微信小程序,使用轮播图

使用或两种方式实现的轮播图组件

2024-04-28 15:52:32 345

原创 Taro@3.x+Vue@3.x+TS开发微信小程序,使用自定义tabBar

使用Taro@3.x+Vue@3.x+TS开发微信小程序,使用自定义tabBar

2024-04-28 15:14:49 701

原创 Vue3气泡卡片(Popover)

点击/鼠标移入元素,弹出气泡式的卡片浮层,支持:自定义样式;不同的触发方式;延迟显示隐藏;隐藏箭头;总之,功能丰富,简单易用😁😁

2024-03-27 17:55:22 1226 1

原创 Vue3水印(Watermark)

给页面的某个区域加上水印,我保证没人能够消除篡改它!同时支持浏览器暗黑模式时水印颜色自动反转;总之,功能丰富,简单易用,总能满足你的想象 😁😁

2023-11-28 16:25:23 4128 8

原创 Vue3弹性布局(Flex)

为块级元素提供间距,支持:设置各种水平、垂直对齐方式;设置间隙;自动换行;总之,功能丰富,简单易用😁😁

2023-11-14 17:09:26 1138

原创 Vue3数值动画(NumberAnimation)

数值播放动画,支持:设置精度,自定义前缀 & 后缀;自定义样式;自定义播放和动画时间;总之,功能丰富,简单易用😁😁

2023-09-05 11:34:00 1685

原创 Vue3回到顶部(BackTop)

返回顶部操作按钮,支持:自定义图标;自定义类型和形状;文字描述;悬浮提示;自定义可视高度;自定义位置;自定义监听目标。帮助你回到最初的那个地方!总之,功能丰富,简单易用😁😁

2023-09-04 10:22:10 2117

原创 Vue3头像(Avatar)

用来代表用户或事物,支持:图片、图标或字符展示;三种尺寸;响应式尺寸;总之,功能丰富,简单易用,总能满足你的想象 😁

2023-08-15 14:49:29 2122

原创 Vue3弹出确认(Popconfirm)

点击或悬浮元素,弹出气泡式的确认框,支持:隐藏取消按钮;自定义样式;自定义按钮;预置四种 Icon 图标;自定义 Icon 图标;不同的触发方式;延迟显示隐藏;隐藏箭头等;总之,功能丰富,简单易用,总能满足你的想象😁😁

2023-08-09 17:20:27 2664

原创 Vue3文本省略(Ellipsis)

文本过长自动处理显示省略号,同时鼠标悬浮,文字提示全部内容,支持:多行省略;点击展开;定制 Tooltip 内容;自定义 Tooltip 样式;总之,功能丰富,简单易用😁

2023-08-03 17:37:25 1807

原创 Vue3徽标(Badge)

图标右上角的圆形徽标数字,支持:设置封顶数字;自定义内容;自定义徽标样式;徽标偏移;使用小红点;使用状态点;动态变化;自定义悬浮状态点的显示文字;多彩徽标;总之,功能丰富,简单易用,总能满足你的想象😁

2023-08-03 10:21:19 1124

原创 Vue3描述列表(Descriptions)

成组展示多个只读字段,常见于详情页的信息展示,支持:带边框或不带边框两张样式;水平列表或垂直列表两种模式;三种尺寸;自定义内容和样式;总之,功能丰富,简单易用,总能满足你的想象😁

2023-08-02 11:14:12 3430 6

原创 Vue3标签(Tag)

进行标记和分类的小标签,支持:多彩标签;预设状态的标签;动态添加和删除;三种尺寸;自定义动态标签排列;无边框;总之,功能丰富,简单易用😁😁

2023-07-25 17:30:51 1642

原创 Vue3文本域(Textarea)

用于多行输入,支持:自适应内容高度;清除;设置最大长度;展示已输入字数;总之,功能丰富,简单易用😁😁

2023-07-25 17:24:20 3883

原创 Vue3输入框(Input)

通过鼠标或键盘输入内容,是最基础的表单域的包装,支持:三种尺寸;自定义前缀和后缀;自定义前置和后置标签;清除功能;密码框;数字提示;总之,功能丰富,简单易用😁😁

2023-07-25 17:19:48 8106

原创 Vue3统计数值(Statistic)

展示统计数值,支持:添加前缀和后缀;自定义数值样式;设置数值精度;自定义分隔符;自定义数值展示;总之,功能丰富,简单易用😁😁

2023-07-18 11:23:29 1972

原创 Vue3结果(Result)

用于反馈一系列操作任务的处理结果,支持:成功的结果;展示处理的结果;警告类型的结果;复杂的错误反馈;403 页面;404 页面;500 页面;自定义 Icon;自定义额外内容;总之,功能丰富,简单易用😁😁

2023-07-18 11:01:41 697

原创 Vue3警告提示(Alert)

警告提示,展现需要关注的信息,支持:四种样式;可关闭;辅助性文字介绍;辅助图标;自定义关闭文字;自定义图标;自定义操作项;总之,功能丰富,简单易用,总能满足你的想象😁😁

2023-07-18 10:27:28 3984

原创 Vue3栅格(Grid)

基于行(Row)和列(Col)来实现的24 栅格系统,支持:水平区块间隔;响应式区块间隔;垂直区块间隔;响应式垂直区块间隔;左右偏移;自定义排版方式;自定义对齐方式;flex 填充;响应式布局等;总之,功能丰富,简单易用,总能满足你的想象😁😁

2023-07-18 10:00:14 2796

原创 Vue3卡片(Card)

最基础的卡片容器,可承载文字、列表、图片、段落,支持:小尺寸卡片;简洁卡片;预加载卡片;无边框卡片;自定义标题和内容区域样式;内部嵌套卡片;栅格卡片等;总之,功能丰富,简单易用😁😁

2023-07-18 09:35:33 4754

原创 Vue3间距(Space)

用于组件之间的间距,适合行内元素的水平间距,支持:设置水平或垂直间距;设置垂直对其方式;自动换行;总之,功能丰富,简单易用😁😁

2023-07-14 17:01:06 2121

原创 Vue3使用echarts仪表盘(gauge)

vue3使用echarts仪表盘

2023-07-07 17:10:21 5739

原创 Vue3拖拽插件(vuedraggable@next)

Vue3拖拽插件

2023-07-07 10:24:41 1034

原创 使用VitePress创建个人网站并部署到GitHub

使用VitePress创建个人网站并部署到GitHub,自定义主题样式,配置并使用algolia搜索或内置search搜索

2023-06-14 09:52:41 2517 11

原创 使用VitePress静态网站生成器创建组件库文档网站并部署到GitHub

使用VitePress静态网站生成器创建vue-amazing-ui组件库使用文档,并部署到GitHub

2023-06-08 14:50:06 2961 2

原创 Vue3+TS+Vite开发组件库并发布到npm

Vue3+TS+Vite开发的UI组件库,并已发布到npm,其中包含35个常用组件和9个常用工具函数,持续更新中...

2023-06-08 14:41:35 5778 1

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除