分类: vue | ALLBS

发表于2023-10-17|vue| 条评论

vue纯前端导出excel

发表于2023-01-10|vue| 条评论

使用moment.js库官网下载 //! moment.js ; (function (global, factory) { typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() : typeof define === 'function' && define.amd ? define(factory) : global.moment = factory() }(this, (function () { 'use strict'; var hookCallback; function hooks() { return hookCallback.apply(null, arguments); } // This is done to register the method called with moment() ...

vue实现3d地图的展示与切换

发表于2022-10-08|vue| 条评论

引入echarts依赖 npm install echarts npm install echarts-gl 定义一个使用3d地图的组件 <template> <div class="echarts"/> </template> <script> import {watchEffect} from 'vue' import * as echarts from 'echarts' import debounce from 'lodash/debounce' import {addListener, removeListener} from 'resize-detector' const INIT_TRIGGERS = ['theme', 'initOptions', 'autoResize'] const REWATCH_TRIGGERS = ['manualUpdate', 'watchShallow'] export default { props: { option: { type: Object, ...

前端代码示例及记录

发表于2022-09-15|vue| 条评论

背景图片自适应大小 background-image: url("../../static/permission/login-bg.png"); background-repeat: no-repeat; background-size: 100% 100%; height: 100vh; width: 100vw; 点击非目标元素使目标消失 <img src="../../static/equip/tip.png" class='has-tooltip' @click="clickImg" @click.stop="tooltipShow = true"/> <div class="tooltip-div" v-bind:class="tooltipShow ? 'o-1' : 'o-0'" ref="showTooltip"> <span class='tooltip'>图片能明确本治理设施风量，活性炭设计使用量以及活性炭更换周期的相关支撑文件（工程设计文本，环评报告等）</span> </div> .o-0 { o ...

element-ui 组件样式修改

发表于2022-09-09|vue| 条评论

修改element-ui中原生组件的样式，使其满足业务场景需要。