陶甜也-CSDN博客

Vue 全局 loading 的实现思路一般是在 Vue 实例中添加一个 loading 组件，通过控制该组件的显示和隐藏来实现全局 loading 的效果。在需要显示 loading 的地方，调用全局方法 showLoading()，该方法通过修改 loading 组件的状态来显示 loading。在需要隐藏 loading 的地方，调用全局方法 hideLoading()，该方法通过修改 loading 组件的状态来隐藏 loading。

2023-05-05 16:23:44 2292 1

原创解决报错：避免多余的导航到当前位置

避免多余的导航到当前位置

2023-03-01 13:35:03 332

原创 echarts 2d 地图 tooltip提示牌

echarts 2d 地图 tooltip提示牌。

2022-12-20 17:39:27 1054

转载 vue this.$router.push 页面不刷新总结(8种解决方式----覆盖所有场景)

vue this.$router.push 页面不刷新总结(8种解决方式----覆盖所有场景)

2022-12-12 14:17:01 3266

原创 echarts 3D省市区域地图 + 2D的曲线+2D的label提示框 + 2D 的涟漪

echarts 3D省市区域地图 + 2D的曲线+2D的label提示框 + 2D 的涟漪。缺点：引出线（虚线）和提示框，以及涟漪是2D 的，所以地图是不能旋转和缩放的，否则就会乱套。

2022-12-07 23:25:26 1129

原创 echarts 地图添加引出线（使用经纬度画出飞线），label自定义图片

echarts 地图添加引出线（使用经纬度画出飞线），label自定义图片

2022-12-06 22:15:48 2274 1

原创 echarts地图涟漪、线集效果

/地理坐标系组件。地理坐标系组件用于地图的绘制，支持在地理坐标系上绘制散点图，线集。//特效尾迹长度[0,1]值越大，尾迹越长重。// 涟漪特效动画中波纹的最大缩放比例。//箭头指向速度，值越小速度越快。// 涟漪特效的波纹绘制方式。// 地图的json数据。// 涟漪特效的动画周期。//每一块区域的样式。//取消鼠标经过高亮。

2022-09-07 09:15:21 1443

原创动态添加展厅座位号，关键字：拖拽（移动）、右击生成、右击删除、修改

动态添加座位号，实现拖拽（移动）、右击添加，删除，修改座位号

2022-08-10 13:50:31 878

原创 svg 基本图形----总结

svg 基本图形一、矩形 <rect><!DOCTYPE html><html><body><svg xmlns="http://www.w3.org/2000/svg" version="1.1"> <rect width="300" height="100" style="fill:rgb(0,0,255);stroke-width:1;stroke:rgb(0,0,0)" /></svg> &lt

2022-05-18 16:27:05 1264

原创 wangEditor 富文本编辑器实现--识别--屏蔽--敏感词汇，上传图片---上传本地视频

wangEditor富文本编辑器实现--识别-屏蔽- -敏感词汇，上传图片--- 上传本地视频

2022-05-06 19:00:36 1339

原创前端实现导出Excel，使用file-saver和 xlsx

前端实现导出Excelnpm install -S file-saver xlsx 在需要的页面引入 import XLSX from 'xlsx'; 注意：如果出现XLSX 是underfind，可能是版本问题，可使用这两个版本： "file-saver": "^2.0.2", "xlsx": "^0.16.0", s2ab(s) { var cuf; var i; if (typeof ArrayBuffer !== "undefined") {

2022-05-06 18:43:43 873

原创 reset.css

html,body{-webkit-text-size-adjust: 100%;}body{ margin:0; font:12px/1 "微软雅黑","宋体";}h1,h2,h3,h4,h5,h6{ margin:0; /* 与父元素字号一致 */ font-size: 100%; font-weight: normal;}p,dl,dd{ margin:0;}ul,ol{ /* 清除列表样式 */ list-styl

2022-04-06 15:32:07 153

原创 echarts 南丁格尔玫瑰图，legend 图标分布两边，图标采用富文本自定义样式，图标自定义传参，每一模块自定义颜色

代码中主要部分option的配置 let Data = [ { value: 1048, name: "打桩机操作人员",people:"12.20" }, { value: 900, name: "司索工",people:"15.20" }, { value: 800, name: "架子工",people:"23.32" }, { value: 724, name: "施工升降机司机",people:"53.6" }, { valu.

2022-04-02 09:40:37 950

原创 Vue 中使用 router-link 跳转页面，出现URL 变化但是页面不刷新的情况

解决：在路由出口进行修改 <router-view />修改为： <router-view :key="$route.fullPath" />

2022-01-13 16:15:31 937

原创 element-ui + wangEditor 富文本组件封装

效果：<template> <div class="box"> <el-button type="primary" icon="el-icon-view" style="cursor: pointer; margin-bottom: 20px" @click="see()" >预览</el-button > <div id="editor"></div

2021-12-20 13:56:24 585

原创简单封装 wangEditor富文本编辑器，保留大部分粘贴样式

效果：这个编辑器有个好处就是形成的富文本样式都是行内样式，不用担心样式丢失（除了表格样式），网页粘贴过来的内容能保存大部分样式，粘贴word文档除了图片不行，其他大部分样式基本保留<template> <div> <div id="editor"></div> <hr /> 效果预览（v-html） <div class="html" v-html="text1"></div>

2021-12-20 12:06:16 2378

原创 wangEditor封装为组件（屏闭和识别敏感词）

可识别和屏蔽敏感词汇的富文本组件封装，使用的是wangEditor富文本

2021-12-20 11:01:30 606

原创 eCharts 动态数据曲线时时变化

<template> <div class="content"> <div class="tittle"> <span> 标题 </span> </div> <div class="main" id="maina"></div> </div></template><script>export default { data.

2021-12-17 16:22:40 1132

原创 vue使用flex实现header和footer始终在页面顶部与底部

APP.vue的内容<template> <div id="app">  <v-header class="header"></v-header>  <div class="layout main"> <router-view /> </div> .

2021-11-29 11:13:52 1819

原创 js 面向对象方式动画效果：花瓣雨

效果图：说明：效果图片中的花瓣是图片，代码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style&

2021-11-25 22:31:34 753

原创 vue 项目本地线下路由跳转正常，部署到线上报错找不到模块

线上报错信息如下：问题所在：路由引入方式报错的原因，所有的路由采用的是懒加载，比如：let course = () => import('@/pages/innovation/course');修改以后import map from "../pages/aboutUS/map";整个项目都是懒加载路由，所以出现了这样的状况，目前项目有少部分路由直接引入，大部分还是懒加载...

2021-11-15 11:34:29 2178

原创 vue element-ui 绑定@keydown事件无效

<el-input type="search" placeholder="要查找的关键词" v-model.trim="keyword" class="search_input" @keydown.enter.native="toSearchpage()" />加上.native即可覆盖原有封装的keyup事件...

2021-11-08 12:21:18 2788

原创 ThingJS如何收费的？

作为商用平台，使用ThingJS是需要收费的，这个是重点，要是使用ThingJS去做项目，钱也花了，项目都制作不出来，岂不是亏大了？那就不得不向大家介绍一下ThingJS了。ThingJS如何收费的？第一点：ThingJS的软件不像IDEA或者AE这种，你需要花钱购买才能使用的，在线工具有CityBuilder、ChartBuilder，在线开发平台，其他客户端有CampusBuilder(模模搭)客户端，外立面编辑器，以及模型上传插件，这些都是免费使用的，至于有人反馈说里面还有付费功能，客户端里面当然

2021-10-31 23:08:31 6328

百度地图获取坐标功能。

echarts数据可视化_前端项目实现步骤.pdf

空空如也