摘要: echarts默认的样式比较单一,想要改变效果就要自己定义一些样式,下面是我想要展示的饼图样式: 悬浮样式代码: tooltip: { trigger: 'item', formatter: '{a} <br/>{b}:{c}({d}%)' }, View Code 图例样式代码: 1 legend 阅读全文
posted @ 2020-08-12 10:22 光影易逝 阅读(2638) 评论(0) 推荐(0) 编辑
摘要: 在项目中需要使用地图功能,效果图如下: 具体步骤如下: 1、申请百度地图密钥2、安装vue-baidu-map3、在main.js中引入vue-baidu-map.js import BaiduMap from 'vue-baidu-map' Vue.use(BaiduMap, { ak: 'ak值 阅读全文
posted @ 2022-02-16 14:04 光影易逝 阅读(2528) 评论(0) 推荐(0) 编辑
摘要: 项目需求要把地图做成符合页面整体UI的样式,效果图如下: 话不多说贴代码 // 自定义主题 map.setMapStyle({ styleJson: [ { featureType: "water", elementType: "all", stylers: { color: "#102d68", 阅读全文
posted @ 2022-02-16 13:50 光影易逝 阅读(777) 评论(0) 推荐(1) 编辑
摘要: huanBiDataFun1() { const huanBiData1 = echarts.init(document.getElementById('huanBiData1')) huanBiData1.setOption({ color: ['#5697FD', '#FD1919'], tit 阅读全文
posted @ 2020-10-22 09:51 光影易逝 阅读(2269) 评论(0) 推荐(0) 编辑
摘要: 做项目过程中需要通过选择内容实现Tag多标签功能,效果如下: ElementUi官方给出的的示例: 1 <el-tag 2 :key="tag" 3 v-for="tag in dynamicTags" 4 closable 5 :disable-transitions="false" 6 @clo 阅读全文
posted @ 2020-10-22 09:50 光影易逝 阅读(4788) 评论(0) 推荐(0) 编辑
摘要: HTMl <baidu-map :center="center" :zoom="zoom" class="baidu-map" :map-click="false" @ready="handler" > <bm-info-window :position="infoWindow.point" :ti 阅读全文
posted @ 2020-08-20 16:49 光影易逝 阅读(373) 评论(0) 推荐(0) 编辑
摘要: getWeatherFun() { $.getJSON('https://tianqiapi.com/api?version=v1&appid=API号&appsecret=KcsRCM8w&vue=1').then((value) => { // console.log(value, '天气对') 阅读全文
posted @ 2020-08-12 14:18 光影易逝 阅读(247) 评论(0) 推荐(0) 编辑
摘要: HTMl代码: <ul class="RealTimeAlarm"> <li v-for="(item, index) in RealTimeAlarmData" :key="index"> <div class="realLeft"> <div class="smallTitle">{{ item 阅读全文
posted @ 2020-08-12 11:20 光影易逝 阅读(332) 评论(0) 推荐(0) 编辑
摘要: 公司新项目要用到Vue+钉钉H5,在此记录一下免密登录: 引入插件: import * as dd from 'dingtalk-jsapi' import { login as loginUrl } from '../api/login' 新建方法: export function login() 阅读全文
posted @ 2020-04-28 10:14 光影易逝 阅读(739) 评论(0) 推荐(0) 编辑
摘要: 项目中有用到省市区选择,我们是三个接口获取数据的,在此记录一下级联和树形的区别: 级联HTML: <el-cascader :props="region"></el-cascader> 级联JS: 1 region: { 2 lazy: true, 3 lazyLoad(node, resolve) 阅读全文
posted @ 2019-12-17 12:01 光影易逝 阅读(1677) 评论(0) 推荐(0) 编辑