摘要: 前端vue仿滴滴打车百度地图定位查找附近出租车或门店信息, 阅读全文下载完整代码请关注微信公众号: 前端组件开发 效果图如下: # #### 使用方法 ```使用方法 #安装vue-baidu-map插件 npm install vue-baidu-map --save <!-- center: 地 阅读全文
posted @ 2023-06-10 21:28 前端组件开发 阅读(162) 评论(0) 推荐(0) 编辑
摘要: 前端vue基于原生check增强单选多选插件, 下载完整代码请访问uni-app插件市场地址:https://ext.dcloud.net.cn/plugin?id=12979 效果图如下: #### 使用方法 ```使用方法 <!-- 多选组件 checkData:多选数据 @change:多选事 阅读全文
posted @ 2023-06-10 17:30 前端组件开发 阅读(41) 评论(0) 推荐(0) 编辑
摘要: 前端基于radio增强单选框组件, 下载完整代码请访问uni-app插件市场地址:https://ext.dcloud.net.cn/plugin?id=12977 效果图如下: # #### 使用方法 ```使用方法 <!-- radioData:单选数据 curIndex:当前选择序列 @cha 阅读全文
posted @ 2023-06-10 16:12 前端组件开发 阅读(58) 评论(0) 推荐(0) 编辑
摘要: 前端vue地图定位并测算当前定位离目标位置距离可用于签到打卡, 阅读全文下载完整代码请关注微信公众号: 前端组件开发 效果图如下: # #### 使用方法 ```使用方法 <!-- // 腾讯地图key注册地址(针对H5端,manifest.json中web配置,配置定位与地图 若是微信小程序只需配 阅读全文
posted @ 2023-06-10 08:06 前端组件开发 阅读(572) 评论(0) 推荐(0) 编辑
摘要: 前端vue简单好用的上拉加载下拉刷新组件,支持列表分页 本地分页, 阅读全文下载完整代码请关注微信公众号: 前端组件开发 效果图如下: #### 使用方法 ```使用方法 <!-- pullDown:下拉刷新 back-top: 回到顶部 --> <ccPullScroll class="pullS 阅读全文
posted @ 2023-06-10 08:05 前端组件开发 阅读(193) 评论(0) 推荐(0) 编辑
摘要: 前端vue实现页面加水印文字, 可以实现系统所有页面加水印,也可以单个页面加水印, 可更改水印颜色, 阅读全文下载完整代码请关注微信公众号: 前端组件开发 效果图如下: #### 使用方法 ```使用方法 /* 给系统所有页面加水印*/ // 第一个参数:水印文字 第二个参数: 加水印的底图,默认b 阅读全文
posted @ 2023-06-10 08:04 前端组件开发 阅读(579) 评论(0) 推荐(0) 编辑
摘要: 前端仿新浪新闻 tabs 选项卡tabs标签页,根据文字多少自适应 tab项宽度, 阅读全文下载完整代码请关注微信公众号: 前端组件开发 效果图如下: 实现代码如下: #### 使用方法 ```使用方法 <!-- v-model:选择序列 tabs:选择数组 myColor:下划线颜色 spaceL 阅读全文
posted @ 2023-06-10 08:04 前端组件开发 阅读(164) 评论(0) 推荐(0) 编辑
摘要: 前端基于原生input增强选择picker插件 可用于地图定位选位置 页面跳转选数据, 下载完整代码请访问uni-app插件市场地址: https://ext.dcloud.net.cn/plugin?id=12831 效果图如下: # 基于uni-app原生input增强选择picker插件 可用 阅读全文
posted @ 2023-06-10 08:02 前端组件开发 阅读(65) 评论(0) 推荐(0) 编辑
摘要: 前端简单实用折叠面板可以折叠收起展开内容区域, 阅读全文下载完整代码请关注微信公众号: 前端组件开发 效果图如下: 代码如下: # 简单实用折叠面板可以折叠收起展开内容区域。 #### 使用方法 ```使用方法 <!-- leftText:做标题 rigText: 有注明文字 isOpen:展开折叠 阅读全文
posted @ 2023-06-10 08:02 前端组件开发 阅读(243) 评论(0) 推荐(0) 编辑
摘要: 前端vue基于echart实现散点图, 阅读全文下载完整代码请关注微信公众号: 前端组件开发 效果图如下: 参考代码如下: # #### 使用方法 ```使用方法 import echarts from '../../static/h5/echarts.min.js' <!-- 散点图 --> <d 阅读全文
posted @ 2023-06-10 08:02 前端组件开发 阅读(174) 评论(0) 推荐(0) 编辑
摘要: 前端ccTag简单实用通用标签栏自动换行 自适应高度 可设置行数 可改标签颜色:下载完整代码请访问uni-app插件市场地址: https://ext.dcloud.net.cn/plugin?id=12812 效果图如下: 实现代码如下: # ccTag简单实用通用标签栏自动换行 自适应高度 可设 阅读全文
posted @ 2023-06-10 08:01 前端组件开发 阅读(97) 评论(0) 推荐(0) 编辑
摘要: 前端基于原生input组件的增强简单通用实用输入框,下载完整代码请访问uni-app插件市场地址:https://ext.dcloud.net.cn/plugin?id=12799 效果图如下: 实现代码如下: # 前端基于原生input组件的增强简单通用实用输入框 #### 使用方法 ```使用方 阅读全文
posted @ 2023-06-10 08:01 前端组件开发 阅读(75) 评论(0) 推荐(0) 编辑
摘要: 基于picker封装的移动端简单实用选择器select插件; 下载完整代码请访问uni-app插件市场地址:https://ext.dcloud.net.cn/plugin?id=12797 效果图如下: 实现代码如下: # 前端基于picker封装的移动端简单实用选择器select插件 #### 阅读全文
posted @ 2023-06-10 08:01 前端组件开发 阅读(103) 评论(0) 推荐(0) 编辑
摘要: uni-app简单通用Request网络请求 支持请求成功 失败回调; 下载完整代码请访问uni-app插件市场地址:https://ext.dcloud.net.cn/plugin?id=12794 效果图如下: 实现代码如下: # 非常简单通用Request网络请求 支持请求成功 失败回调 ## 阅读全文
posted @ 2023-06-10 08:00 前端组件开发 阅读(123) 评论(0) 推荐(0) 编辑
摘要: 非常简单好用实用的轮播图swiper banner组件; 下载完整代码请访问uni-app插件市场地址:https://ext.dcloud.net.cn/plugin?id=12786 效果图如下: 实现代码如下: # 非常简单好用实用的轮播图swiper banner组件,一行代码即可实现轮播图 阅读全文
posted @ 2023-06-10 08:00 前端组件开发 阅读(104) 评论(0) 推荐(0) 编辑
摘要: 基于html2canva jspdf 实现前端页面加水印 并导出页面PDF; 阅读全文下载完整代码请关注微信公众号: 前端组件开发 效果图如下: 代码实现如下: # 使用方法 ```使用方法 <!-- 引入加入 导出pdf插件 --> <script type="text/javascript" s 阅读全文
posted @ 2023-06-10 07:59 前端组件开发 阅读(420) 评论(0) 推荐(0) 编辑
摘要: 快速实现多图片上传组件,支持单个文件,多个文件上传 步骤条step使用; 阅读全文下载完整代码请关注微信公众号: 前端组件开发 效果图如下: 使用方法 使用方法 // 添加多张图片(少于6张) addPhotoClick() { uni.hideLoading(); let myThis = thi 阅读全文
posted @ 2023-06-10 07:59 前端组件开发 阅读(175) 评论(0) 推荐(0) 编辑
摘要: 快速实现echart自定义图表(柱形图 折线图 饼图 树形结构图 关系图谱 ); 下载完整代码请访问uni-app插件市场地址:https://ext.dcloud.net.cn/plugin?id=12735 效果图如下: 阅读全文
posted @ 2023-06-10 07:58 前端组件开发 阅读(102) 评论(0) 推荐(0) 编辑
摘要: 快速实现vue uni-app自定义table 表格 表格组件 Excel组件,扩充性好,可切换四宫格 九宫格 十二宫格; 阅读全文下载完整代码请关注微信公众号: 前端组件开发 效果图如下: 代码如下: # 自定义table 表格 表格组件 Excel组件 #### 使用方法如下 #### HTML 阅读全文
posted @ 2023-06-10 07:58 前端组件开发 阅读(516) 评论(0) 推荐(0) 编辑
摘要: 快速实现vue uni-app宫格组件提供常见九宫格菜单组件,扩充性好,可切换九宫格 十二宫格 十五宫格; 阅读全文下载完整代码请关注微信公众号: 前端组件开发 效果图如下: 使用方法 <!-- gridTitle:宫格名称 gridNum: 一行展示格数 gridList:宫格数据 @click: 阅读全文
posted @ 2023-06-10 07:36 前端组件开发 阅读(587) 评论(0) 推荐(0) 编辑