vue
关注
分享
扫一扫
rain丶子厚
匆匆忙忙与一路往前。
展开
-
input[type=checkbox]勾选框自定义样式
【代码】input[type=checkbox]勾选框自定义样式。原创 2024-08-17 16:33:18 · 365 阅读 · 0 评论 -
svg灵活使用
svg的灵活使用原创 2024-08-17 16:09:41 · 512 阅读 · 0 评论 -
input-数字保留小数点后2位，在vue3+typescript项目中
input-数字保留小数点后2位，在vue3+typecript项目中原创 2024-08-17 16:19:27 · 229 阅读 · 0 评论 -
根据tree结构数据自动生成多层级勾选自定义tree-table
根据tree嵌套结构数据渲染出 多层级带勾选checkbox的table，想要的对应结构table原创 2024-01-26 17:14:54 · 591 阅读 · 0 评论 -
按配置数据绘制配置型地图marker的icon，自定义marker
用背景图+canvas绘制数字的方式生成icon的图片资源，再将icon生成对应地图marker。原创 2024-01-26 15:36:51 · 582 阅读 · 0 评论 -
vue微乾坤子应用开发及ele组件开发时问题记录
微乾坤子应用打包部署后，相关img/font字体资源路径未找到404;el-tabs 下标线初始化时未有下标线,el-switch加底部背景文字activeText-问题,el-popover 位置自动更新问题,原创 2023-12-22 16:33:29 · 1203 阅读 · 0 评论 -
uni-app 自定义table-demo 左右列固定冻结
前言uni-app插件市场各类table插件挺多的，基本上我都下载试了个遍，最后各有各的不满意还是自己撸了一个，自己也试了好几种布局方式，做了好几款demo都不满意，只到改了一款可以 左右列固定根据tableHead批量遍历渲染数据的table最重要一点是项目是uni-app打包成ios或android -app项目，而该类项目不支持 :class :style动态样式绑定一、思路首先功能需求是 根据tableHead可以批量渲染数据、左右列（左侧序号列及...原创 2020-10-09 18:24:00 · 4996 阅读 · 4 评论 -
vue高德多条路线规划+带途径节点多组多个maker + maker批量带各自鼠标移入移出监听事件（对应的text标签显示与隐藏）+各路线颜色区别（版本三）
一功能介绍：vue高德批量路线规划+多组路线带途径节点marker+maker批量带各自鼠标移入移出监听事件（对应的text标签显示与隐藏）+各路线不同颜色显示+各marker带点击监听事件(显示途径点详细内容)版本三：各线路上批量的marker各单个maker的鼠标监听事件（移入移出）对应控制各自另外各自对应创建text标签的显示与隐藏功能效果图：鼠标移入站点显示站点(maker)对应的站点名称（text）,鼠标移出站点则隐藏点击某个站点生成规划同一路...原创 2020-09-07 17:11:40 · 2315 阅读 · 1 评论 -
vue高德多条路线规划+带途径节点多组多个maker text标签创建+各路线颜色区别（版本二）
一功能介绍：vue高德批量路线规划+多组路线带途径节点marker+各路线不同颜色显示+各marker带点击监听事件(显示途径点详细内容)效果图：二、实现1.本项目使用的 高德api故需要申请高德web开发相关申请配置见这篇2.oneSelectCharts.vue地图渲染图组件<template> <div class="clearFix"> <div id="mapAmap2" class="clearFix card-sh...原创 2020-05-20 16:45:41 · 3939 阅读 · 1 评论 -
vue高德多条轨迹导航+带途径节点标注+各路线颜色区别
一、引用准备高德后台应用申请-web端index.html 调用版本 v=1.4.2 <body> <div id="app"></div> <script type="text/javascript" src="https://webapi.amap.com/maps?v=1.4.2&key=xxx你的ke...原创 2019-12-18 15:03:08 · 4858 阅读 · 5 评论 -
vue高德多条路线规划+带途径节点多组多个maker text标签创建+各路线颜色区别
一、引用准备高德后台应用申请-web端index.html 调用版本 v=1.4.2 <body> <div id="app"></div> <script type="text/javascript" src="https://webapi.amap.com/maps?v=1.4.2&key=xxx你的ke...原创 2019-12-12 16:52:03 · 2828 阅读 · 3 评论 -
移动端-MultiPicker多级联动选择器自定义组件-自定义改造
最后实现的效果。1年前做的，最近总结免得以后忘记了就放上来了。一、前言公司移动端项目，需求自定义的时间picker组件，翻阅mint-ui饿了么 cube-ui滴滴 zan-ui蚂蚁金服 的现有模板均不满足需求。然后最后采用了 multPicker自定义多级联动选择器进行了自我需求魔改ps:当时做需求时候滴滴能满足需求的组件还未出，刚查了居然滴滴最新的time-picke...原创 2019-09-23 14:28:18 · 4308 阅读 · 4 评论 -
基于mpvue官方mpvue-quickstart 项目模板，配置fly+vuex+easymock实现多baseURL请求配置，mpvue+token拦截登录等功能
写这个配置的目的主要是满足多baseURL请求需求，不喜欢使用fly-get post那套不可能傻乎乎的每个baseURL写一个fly-get post;我的项目地址https://gitee.com/ming34902/mpvue-quick-test1.git放码云了，没有放github基于mpvue官方mpvue-quickstart 项目模板，配置fly+vuex+...原创 2019-03-04 15:11:48 · 2458 阅读 · 0 评论 -
前端读取上传excel文件 解析后输出其数据 的readExcel.js
引用：import ReadExcel from '@/utils/readExcel'使用示例demo: <div class="upload-excel-box" style="float: left;margin-right: 15px;"> <input id="excel-upload-input" type="file" accept=".xls原创 2018-11-26 15:17:42 · 2314 阅读 · 0 评论 -
vue使用高德api 定位获取位置信息 positionLocation.js及 USERKEY_PLAT_NOMATCH报错
前提假设你已经申请好了 高德api及对应的高德api业务，申请高德api配置相关步骤不在这里敷述，自行百度相关博文配置；build/webpack.base.conf.js要配置const webpackConfig = { // ..... externals: { 'AMap': 'window.AMap' }}移动端index.html需要预...原创 2018-11-26 11:38:44 · 8372 阅读 · 1 评论 -
image图片压缩 compress.js ，超过大小则压缩 不超过大小限制则不压缩
引入 import * as ImgCompress from '@/utils/canvas/compress' 这是我自己的 utils工具类目录，自己改成自己压缩js所在的文件夹目录；demo 示例（样式之类的 不贴了 自己整自己的）：<input class="upload-item-input" :class="uploadImgObj.key" type="file" ...原创 2018-11-26 11:22:00 · 10195 阅读 · 0 评论 -
自适配传数据 加水印 数据 Watermark.js
/** * 引用: import * as Watermark from '@/utils/canvas/watermark' // js插件放置的 工具类目录 * demo: <input class="upload-item-input" type="file" accept="image/*" name="file" @change="PreviewImage(e)"/&g原创 2018-11-26 11:10:19 · 2129 阅读 · 0 评论