步履蹒跚-CSDN博客

原创 SVG动态动画

<template> <svg style="background-color:#000;" id="tsing-tao-map" ref="map" data-name="tsing-tao-map" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 892 994"> <defs> <defs> <filter id="filter" x="0" y="0" wid

2020-09-10 10:25:51 424

原创 vue生成自定义二维码样式

一：npm安装包npm install qrcanvas -S二：组件引入import { qrcanvas } from ‘qrcanvas’;三：使用3.1：自定义颜色 const canvas = qrcanvas({ cellSize: 8, correctLevel: 'H', data: 'https://www.baidu.com', foreground: [ // foreground color

2020-08-10 16:22:26 1296

原创 vue 百度地图点聚合MarkerClusterer，缩放拖拽后label消失

本地创建MarkerClusterer.jsvar BMapLib = window.BMapLib = BMapLib || {}; (function() { var getExtendedBounds = function(map, bounds, gridSize) { bounds = cutBoundsInRange(bounds); var pixelNE = map.pointToPixel(bounds.getNorthEast());

2020-07-21 16:38:28 1250

原创 Vue组件单独引入百度地图，不在index.html引入

1：问题在日常项目中，通常引入百度地图的方法有在index.html引入<script type="text/javascript" src="http://api.map.baidu.com/api?v=3.0&ak=*******"></script>但vue项目中仅某一两个页面需要用到百度地图，所以不想在 index.html 中全局引用这是就用...

2020-05-08 10:33:32 1081 2

原创好看的滚动条样式

.nav::-webkit-scrollbar { /*滚动条整体样式*/ width : 3px; /*高宽分别对应横竖滚动条的尺寸*/ height: 1px; } .nav::-webkit-scrollbar-thumb { /*滚动条里面小方块*/ border-radius : 10px; background-color...

2020-04-22 14:45:23 504 1

原创 Vue el-dialog拖拽

一：新建JS文件import Vue from 'vue';// v-dialogDrag: 弹窗拖拽Vue.directive('dialogDrag', { bind(el, binding, vnode, oldVnode) { const dialogHeaderEl = el.querySelector('.el-dialog__header'); const...

2020-04-17 10:44:26 517

原创 el-dialog主体内容滚动，不影响body

记录一下直接上代码 .el-dialog { position: relative; margin: 0 auto 0px; background: #FFFFFF; border-radius: 2px; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); box-sha...

2020-03-26 17:34:37 2773

原创 Axios二次封装

一：安装Axiosnpm install axios;二：新建文件src下新建axios文件夹，在该文件夹下新建app.js， http.jshttp.js => 统一封装app.js => 接口列表三： http.js（请求拦截，响应拦截，错误统一处理）3.1 引入文件import axios from 'axios';import QS from 'qs';i...

2020-03-09 15:41:16 134

原创 Element tree 样式

/*设置鼠标悬浮经过的颜色*/ .el-tree-node:hover > .el-tree-node__content { background-color: #1C222B !important; } /*设置鼠标点击后的颜色*/ .el-tree-node:focus > .el-tree-node__content { ...

2020-02-18 14:26:48 858 1

原创多个vue项目放在同一个域名下

需求：现有两个vue项目，一个官网，一个后台管理需要放在同一个域名下，官网地址www.baidu.com需要放在同一个域名下，官网地址www.baidu.com/manager一：更改后台管理项目config/index.js更改config/index.js下assetsPublicPath: '/manager/',一共两个地方需求更改二：更改后台管理项目router/inde...

2020-02-14 17:38:15 961 1

原创 webstorm如何调试vue项目的js

安装浏览器扩展程序https://chrome.google.com/webstore/detail/jetbrains-ide-support/hmhgeddbohgjknpmjagkdomcpobmllji/related打开项目运行

2020-01-13 21:44:55 326

原创 vue.js倒计时

timeDown () { const endTime = new Date(this.endTime) const nowTime = new Date(); let leftTime = parseInt((endTime.getTime()-nowTime.getTime())/1000) let d = parseInt(leftTi...

2020-01-13 09:43:01 140

原创 vue线上模式禁止查看源代码

if (process.env.NODE_ENV === "development") { }else { document.onkeydown = function () { if (window.event && window.event.keyCode == 123) { alert("F12被禁用"); ...

2020-01-08 17:47:58 1713

原创 JS调用开启本地软件

一：本地安装注册吧1: 新建txt文件Windows Registry Editor Version 5.00[HKEY_CLASSES_ROOT\myprotocol]@=“myprotocol Protocol”“URL Protocol”=""[HKEY_CLASSES_ROOT\myprotocol\DefaultIcon]@=“C:\WINDOWS\NOTEPAD.EXE...

2020-01-02 19:29:21 502

原创当元素高度为百分比时候，怎么让内容居中显示

元素添加样式 display: flex; justify-content: center; align-items: center;

2019-12-23 14:04:12 166

原创 Axios 上传显示进度百分比

this.show = true // 显示提示框 this.$axios.post('**********', formData, { onUploadProgress: progressEvent => { var complete = (progressEvent.loaded / progressEvent...

2019-12-20 10:19:45 1181

原创好用的富文本编辑器

推荐一个款好用的富文本编辑器froala-editor官网vue引入npm install [email protected] --savenpm install jquery --savemain.js加入import VueFroala from 'vue-froala-wysiwyg'import jQuery from 'jquery'require('f...

2019-12-16 10:15:09 160

原创 Vue-Element-table 动态合并单元格

<el-table :data="PowerList" :span-method="objectSpanMethod" // 重点************* border></el-table>data () { return { PowerList: [], 需要合并的列表 spanArr: [...

2019-12-16 10:01:43 1726

原创 vue 引入Excel表格插件

一：安装npm install handsontable-pro @handsontable-pro/vuenpm install handsontable @handsontable/vue官网地址二：引用在使用页面import { HotTable } from ‘@handsontable-pro/vue’import ‘…/…/node_modules/handsontabl...

2019-12-16 09:53:15 7133 2

原创 vue 时钟组件

推荐一个时钟组件，可自动更新时间。安装npm install vue-clock2例子<template> <clock :time="time"></clock></template><script> import Clock from 'vue-clock2'; export default { co...

2019-12-15 17:48:20 476

原创 vue调用百度地图文档与说明

一申请百度地图ak二vue项目index.html引入三webpack.base.conf.jsmodule.exports = { context: path.resolve(__dirname, '../'), entry: { app: './src/main.js' }, externals: { "BMap": "BMap" },}...

2019-12-03 13:52:36 1245

weixin_44381909的博客