Mr Dear的博客

支持年份选择器，月份选择器，日期选择器，时间选择器，且均支持范围选择

Vue3使用全局函数或变量的两种常用方式

Vue2使用全局函数或变量的两种常用方式

Vue2封装的按钮组件

Vue2使用纯CSS和JS计算两种方式实现的瀑布流图片展示组件

追悼日网站自动变为黑白

Vue登录后，用户无操作半小时后自动清除登录状态，如果有操作则重置过期时间为半小时后过期

Vue2实现的面包屑导航组件

竖向文字滚动轮播展示

Vue2相关组件项目依赖版本信息

Vue2简易封装的视频播放组件

Vue2使用echarts树图

模仿Windows开机动画支持自定义设置：描述文案（tip），也可不传，默认不展示；是否无限次循环动画（infinite），默认false；完成一次动画后的间隔时长（interval），单位ms，默认200ms

Vue2实现的文字提示气泡框组件，鼠标移入则显示提示，移出消失

整体效果与ant-design全局提示（Message）一致; 调用一次只展示一个提示，若调用多次则依次展示多个提示......

vue多图组合走马灯

Vue2走马灯扩展版

Vue横向文字滚动展示

可自定义设置以下属性：进度条总宽度（width），默认600px当前进度（progress），默认36进度条线的宽度（strokeWidth），默认8px是否显示进度数值或状态图标（showInfo），默认true

支持初始选中年份和时间轴数据手动传入，自适应均匀排列，每个元素周围分配相同的空间

Vue2开发vue-amazing-selector下拉框组件，并发布到npm

用于页面和区块的加载中状态，整体样式与ant design风格一致。

Vue2以 VueAmazingSelect 选择框为基础封装的级联选择框组件。

开关选择器，整体样式功能与ant design保持一致。

通过鼠标拖动滑块来调整最大最小值，或者直接点击输入条上某个位置，直接切换数值

自定义设置时间轴的宽度（width）和描述文本

展示行列数据。

步骤总数和初始选择步骤 均可自定义设置，每个步骤title和description也均可自定义设置传入

①安装插件：yarn add vue-baidu-map②在main.js中全局注册引入：import BaiduMap from 'vue-baidu-map'Vue.use(BaiduMap, { ak: 'app_key' // 百度地图秘钥})③在.eslintrc.js中加入：globals: { BMap: true },④使用，在地图上搜索地点，并可通过点击获取其经纬度<template> <a-mo...

使用v-viewer插件实现图片预览、切换、缩放、旋转...

Vue移动端网页（H5）预览pdf文件（pdfh5和vue-pdf）

参考文档：https://github.com/helicopters/wc-messagebox①安装插件：yarn add wc-messagebox②在main.js中加入相关配置，全局引入：import { Toast, Loading, Alert, Confirm } from 'wc-messagebox'import 'wc-messagebox/style.css' Vue.use(Toast)Vue.use(Loading)Vue.use(Alert.

使用Vue2封装的与ant design样式类似的下拉选择器组件。

Vue2+js+less实现的分页器组件

整体样式模仿ant-design-vue Modal样式，同时阴影覆盖浏览器窗口，并可全屏显示

移入时暂停，移出后自动轮播，只需传入图片数组即可，同时可以自定义设置轮播间隔和图片宽度

简易首页banner

一共有两种模式，六种展示效果，弹窗随内容自适应增加高度，同时支持对弹窗位置进行设置：①水平垂直居中②高度固定水平居中