摘要: 参考文章:https://www.cnblogs.com/coober/p/10875647.html 1.安装 如果全局安装过旧版本的 vue-cli(1.x 或 2.x)要先卸载它,否则跳过此步 npm uninstall vue-cli -g //或者 yarn global remove v 阅读全文
posted @ 2021-04-10 16:19 abigting 阅读(91) 评论(0) 推荐(0) 编辑
摘要: 方法一: 不兼容ie11 export function dataURLtoFile(dataurl, filename) { let arr = dataurl.split(','), mime = arr[0].match(/:(.*?);/)[1], bstr = atob(arr[1]), 阅读全文
posted @ 2021-02-22 16:23 abigting 阅读(292) 评论(0) 推荐(0) 编辑
摘要: HTML: <div class="data-box" ref="companyBox"> <el-row id="companyData" v-loading="companyLoading" element-loading-background="rgba(0, 0, 0, 0.5)" elem 阅读全文
posted @ 2020-10-09 17:06 abigting 阅读(882) 评论(0) 推荐(0) 编辑
摘要: 有次意外得知,UI出的动图,可以转成json,然后前端用插件可以当做图片显示 1.安装lottie-web 2.引入lottie-web和JSON动画 import lottie from 'lottie-web' import animationData from '~/static/data' 阅读全文
posted @ 2020-09-27 18:00 abigting 阅读(2102) 评论(0) 推荐(0) 编辑
摘要: 1.引入Echats 1.1script标签引入 1.2npm i 安装 2.在需要显示地图的页面,定义一个id,设置高度和宽度 <div id="homeMap" class="home-map-box"></div> .home-map-box { width: 100%; height: 56 阅读全文
posted @ 2020-09-25 17:38 abigting 阅读(208) 评论(0) 推荐(0) 编辑
摘要: 参考项目地址:https://github.com/abigting/hz-hlwzyjk-mobile.git(较简陋) 4.路由切换时加loading 3.引入全局样式 2.配置跨域 在nuxt.config.js中添加proxy proxy: { '/ohms-yhzx': { target: 阅读全文
posted @ 2020-08-28 17:51 abigting 阅读(658) 评论(0) 推荐(0) 编辑
摘要: 参考高德API:https://lbs.amap.com/api/javascript-api/guide/overlays/marker 实现功能: 1.特定坐标点在地图上加上自定义图标 2.搜索地址,跳到指定位置(这里的搜索内容结果为我自己的数据,如果需要高德提示搜索地址,它的API里有对应例子 阅读全文
posted @ 2020-06-24 13:53 abigting 阅读(2158) 评论(0) 推荐(0) 编辑
摘要: 之前开发过浙江省各个行政区划的地图,这次的需求是开发湖州的地图。 因为开发的地图不需要显示经纬度,所以借助了Bizchat:https://bizcharts.net/的里面的地图,我参考的例子是这个:https://bizcharts.net/product/bizcharts/demo/154 阅读全文
posted @ 2020-05-11 15:32 abigting 阅读(1686) 评论(6) 推荐(0) 编辑
摘要: 1.打开https://www.iconfont.cn/,进入自己的项目(如果没有,新建,添加图标)。顶部导航栏点击 图标管理|我的项目,选择项目,选择以后点击下载至本地 2.下载下来的文件解压后长这样 3.按照我下面的图将对应的文件放入nuxt搭建的项目中 4.然后修改nuxt.config.js 阅读全文
posted @ 2020-05-06 16:08 abigting 阅读(1560) 评论(0) 推荐(0) 编辑
摘要: 在项目中,我们会用锚点来实现同一页面不同模块的跳转,如果只是加锚点,动画会有点生硬,加一句简单的JS可以使锚点的跳转加上滚动效果 let anchorElement = document.getElementById(activeTab.anchorName); if (anchorElement) 阅读全文
posted @ 2020-04-23 16:51 abigting 阅读(2136) 评论(0) 推荐(0) 编辑