- 博客(21)
- 收藏
- 关注
RSS订阅原创 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
515
原创 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
1996
1
原创 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
1373
原创 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
1227
2
原创 好看的滚动条样式
.nav::-webkit-scrollbar { /*滚动条整体样式*/ width : 3px; /*高宽分别对应横竖滚动条的尺寸*/ height: 1px; } .nav::-webkit-scrollbar-thumb { /*滚动条里面小方块*/ border-radius : 10px; background-color...
2020-04-22 14:45:23
548
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
585
原创 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
2867
原创 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
170
原创 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
904
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
1065
1
原创 webstorm如何调试vue项目的js
安装浏览器扩展程序https://chrome.google.com/webstore/detail/jetbrains-ide-support/hmhgeddbohgjknpmjagkdomcpobmllji/related打开项目运行
2020-01-13 21:44:55
359
原创 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
192
原创 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
1977
原创 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
578
原创 当元素高度为百分比时候，怎么让内容居中显示
元素添加样式 display: flex; justify-content: center; align-items: center;
2019-12-23 14:04:12
236
原创 Axios 上传显示进度百分比
this.show = true // 显示提示框 this.$axios.post('**********', formData, { onUploadProgress: progressEvent => { var complete = (progressEvent.loaded / progressEvent...
2019-12-20 10:19:45
1259
原创 好用的富文本编辑器
推荐一个款好用的富文本编辑器froala-editor官网vue引入npm install vue-froala-wysiwyg@2.9.0 --savenpm install jquery --savemain.js加入import VueFroala from 'vue-froala-wysiwyg'import jQuery from 'jquery'require('f...
2019-12-16 10:15:09
238
原创 Vue-Element-table 动态合并单元格
<el-table :data="PowerList" :span-method="objectSpanMethod" // 重点************* border></el-table>data () { return { PowerList: [], 需要合并的列表 spanArr: [...
2019-12-16 10:01:43
1765
原创 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
7316
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
535
原创 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
1336
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人