- 博客(17)
- 收藏
- 关注
RSS订阅原创 自定义百度地图样式
项目需求要把地图做成符合页面整体UI的样式，效果图如下：话不多说贴代码// 自定义主题map.setMapStyle({ styleJson: [ { featureType: "water", elementType: "all", stylers: { color: "#102d68", }, }, { featureType: "land", elementType: "all"
2022-02-16 11:55:54
2282
1
原创 百度地图在VUE项目中插入点位及点位信息弹框
在项目中需要使用地图功能，效果图如下：具体步骤如下：1、申请百度地图密钥2、安装vue-baidu-map3、在main.js中引入vue-baidu-map.jsimport BaiduMap from 'vue-baidu-map'Vue.use(BaiduMap, { ak: 'ak值'});4、template中使用 <baidu-map :zoom="zoom" class="baidu-map" :map-click="fa
2022-02-16 11:49:42
1795
原创 Echarts--象形柱图
效果展示：主要代码：option = { // backgroundColor: "#000643", //间距 grid: { left: "3%", //左边距 // right: "4%", //右边距 top: "3%", //上边距 // bottom: "5%", //下边距 containLabel: true },
2021-09-23 10:16:37
476
原创 echarts---柱形图轴线条颜色、辅助线、X轴底部文字、柱状粗细和颜色
效果如下：主要代码：option = { grid: { left: "5%", //左边距 right: "5%", //走边距 top: "5%", //上边距 bottom: "5%", //下边距 containLabel: true, }, xAxis: { type: "category", // spl
2021-09-22 16:11:40
7348
原创 moment获取现在时间、周一、前一周、月初1号、1月1号、上个月
1、现在的时间：moment().format('YYYY-MM-DD HH:mm:ss')2、前一周时间零点：var time = new Date().getTime() - 24 * 7 * 60 * 60 * 1000moment(time).format('YYYY-MM-DD 00:00:00')3、当前时间的前一个月时间：moment().subtract(1, 'months').format('YYYY-MM-DD HH:mm:ss')4、当月1号零点：moment(
2021-08-10 09:47:59
3418
原创 JS获取时间单位的时间戳
项目中经常会用到时间戳，再次记录一下：当前时间：Date.parse(new Date())当天0点：new Date(new Date().toLocaleDateString()).getTime()当前时间的前一周时间：new Date().getTime() - 24 * 7 * 60 * 60 * 1000某个固定时间：new Date(time).getTime()...
2021-07-22 10:19:40
316
原创 vue中el-tree实现懒加载、动态增删改
前言在最近的一个项目中，有一个组织树的需求，效果图：因为数据量比较大，要求懒加载并且能够在树上对组织进行操作，项目使用的是vue+ElementUI。ElementUI中有个el-tree，正好可以拿来用。项目引入ElementUI什么的就不说了，大家都知道，直接使用el-tree实现需求吧。首先看下ElementUI中关于el-tree懒加载的介绍关键的就是ref、load和lazy属性，于是开始写代码第一种：template中：<el-tree ref="asyncTree"
2020-09-18 15:46:52
3372
1
原创 天气API自定义
getWeatherFun() { $.getJSON('https://yiketianqi.com/api?version=v61&appid=APIID&appsecret=KcsRCM8w').success( params => { // console.log(params, '对') this.wd1 = params.tem this.wd2 = params.air_level.
2020-08-12 15:20:56
195
原创 Echarts饼图图例、饼图样式、文字在线上的样式及自适应宽度
在默认的饼状图里面，饼图样式是单一的，有时候根据ui需要，根据不同的背景色，需要将图例文字调成白色或者其他颜色，那么，修改这些的还是一句话，修改某个属性即可。这是我的饼图样式：1、legend改变图例样式:legend: { left: 'left', top: 'bottom', // bottom: 10, data: ['非甲烷总烃', 'PM2.5', 'PM10', '颗粒物', '油烟浓度'], itemWidth: 24, // 设置宽度 itemHeight:
2020-08-12 10:46:45
18490
原创 钉钉H5微应用--免登
用到VUE与钉钉H5微应用实现免登陆：引入钉钉与接口：import * as dd from 'dingtalk-jsapi'import { login as loginUrl } from '../api/login'新建方法：export function login() { return new Promise((resolve, reject) => { d...
2020-04-28 10:16:39
1144
原创 ElementUI--级联与树形省市区
项目中有用到省市区选择，我们是三个接口获取数据的，在此记录一下级联和树形的区别：级联HTML：<el-cascader :props="region"></el-cascader>级联JS： region: { 2 lazy: true, 3 lazyLoad(node, resolve){...
2020-04-28 10:04:27
1075
3
转载 JS数组方法
JS创建数组的两种方法：1、使用构造函数：var arr1 = new ASrray(); //创建一个空数组var arr2 = new Array(20); //创建一个包含20项的数组var arr3 = new Array(‘li’, ‘lu’, ‘To’); //创建一个包含3个字符串的数组2、使用数字字面量表示法：var arr4 = []; //创建一个空数组var a...
2020-04-28 09:58:03
157
转载 jquery获取当前页面的URL信息
设置或获取对象指定的文件名或路径。window.location.pathname例：http://localhost:8086/topic/index?topicId=361alert(window.location.pathname); 则输出：/topic/index设置或获取整个 URL 为字符串。window.location.href例：http://localhost:8...
2019-06-18 19:35:56
1490
原创 kendoUI插件之表格处理
主要内容：<div id="example"> <div id="grid"></div></div><script> $(document).ready(function () { var crudServiceBaseUrl = "h...
2019-06-18 14:31:31
645
转载 根据cookie+url实现不同用户登录显示不同页面
实现不同用户登录显示不同页面$(function(){ var e = getCookie("seller_key"); // 判断是否有登录 if (!e) { location.href = "login.html" } if (getQueryString('seller_key') != '') { var k...
2019-06-18 14:19:15
1982
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人