- 博客(30)
- 资源 (5)
- 问答 (1)
- 收藏
- 关注
RSS订阅原创 自定义主题&替换elementplus主题
建立一个配色scssindex.scssdefault;$colors: (自定义颜色变量，覆盖element主题颜色theme.scss// 默认主题色// 主背景色// 次背景色// 文字颜色// 边框// 侧边导航宽度// 导航栏高度// 默认菜单主题// 导航栏背景色90deg,#2a65f6,#2879FF,#449cf8// types:root {// }
2023-12-08 10:31:06
470
1
原创 vue--文字自动切换&呼吸效果
大家好，小白又来啦！文字自动切换&呼吸效果啥也不说先上图：// <div> <div :class="status ? 'animate' : ''">文字一</div> <div :class="!status ? 'animate' : ''">文字二</div> </div>//js data() { return { statu
2022-02-08 11:41:41
809
原创 vue 弹窗
<el-col :span="9" style="text-align: right;"> <el-button @click="dialogVisible=true" style="text-align: right;font-weight:700;font-size: 17px;padding: 7px 10px;">点我弹框</el-button></el-col> /** 弹框 **/ ...
2021-03-03 14:12:17
83
原创 vue百度地图，循环定时器（延缓）绘点
让地图上的点，一点一点的增加~~~小白自己的想法！！有更好的方法，望大佬留言或留链接或私信~~~问题： 需要绘制点数太多，造成地图卡顿很久（十几秒）需求：让地图第一时间显示出来，然后定时绘点，上代码！！！ data是请求下来的数据{ //分布式绘点 //数据划分成50条数据一个数组 let dataArr=[“二维数组，根据自己需求来”] let count=xxx;//总条数（地图的点位信息）
2021-03-02 11:29:55
282
原创 vue 使用echarts内置的渐变色生成器echarts.graphic.LinearGradient
new this.$echarts.graphic.LinearGradient
2021-01-25 17:40:15
1813
原创 时间戳转换日期（年月日 时分秒）
let date=new Date() y =date.getFullYear(); m =date.getMonth() + 1; d = date.getDate(); //时分秒 time=now.toTimeString().substr(0, 8) //小于10 添0 dateTime =y +"-" +(m < 10 ? "0" + m : m) + "-" +(d < 10 ? "0" + d : d)+time
2021-01-12 10:30:17
553
原创 tooltip 线设置虚线
tooltip: { trigger: 'axis', axisPointer:{ type:'line', lineStyle:{ color:'#ffa147', width:2, type:'dashed' }} ..
2021-01-08 18:32:01
570
原创 vue form表单校验
import validate from './validate'var isMobile = (rule, value, callback) => { if (value && !validate.isMobile(value)) { callback(new Error('请输入正确的手机号!')) } else { callback() }}var isPhone = (rule, value, callback) => { if
2020-12-25 15:29:53
1207
原创 好看的柱状图
<template> <div id="rainfall" :style="{ width: '100%', height: '100%' }"></div></template><script>import echarts from "echarts";export default { mounted(){this.drawEcharts() }, methods: { drawEcharts().
2020-10-27 10:38:48
654
原创 vue echarts 饼图半圆样式
<template> <div :id="halfCakeData.id" :style="{ width: '100%', height: '100%' }"></div></template><script>import echarts from "echarts";export default { name: "hello", props:{halfCakeData:{ type: Object,} .
2020-10-20 10:20:05
1375
原创 vue echarts雷达图，好看样式
<template> <div id="proportion" :style="{width: '100%', height: '100%'}"></div></template><script>import echarts from 'echarts'export default { name: 'hello', data () { return { msg: 'Welcome to Your Vue..
2020-10-20 10:15:45
662
原创 vue echarts柱形图动态效果
图例只截取了一点点<template> <div id="multipleXAxes" :style="{ width: '100%', height: '100%' }"></div></template><script>import echarts from "echarts";export default { name: "hello", data() { return { msg: "We.
2020-10-20 10:06:51
729
原创 echarts定时切换数据柱形图
动图有点丑，大概是这么个意思；<template> <div id="scatterAqi" :style="{ width: '100%', height: '100%' }"></div></template><script>import echarts from "echarts";import { EleResize } from "@/assets/js/esresize.js";export default { .
2020-10-20 10:01:05
663
原创 echarts 图表自适应浏览器大小
//监听window窗口大小，图表自适应浏览器大小window.onresize=function(){//调用echarts的日size事件myChart.resize();}写法二：window.onresize=myChart.resize
2020-10-14 17:41:54
77
原创 echarts 颜色渐变
//echats 颜色渐变 itemStyle: { color: { type: "linear", //线性方式 x: 0, y: 0, x2: 0, y2: 1, // type:'radial',//径向渐变 // x:0.5, // y:0.5, // r:0.5, colorSt
2020-10-14 17:36:41
157
原创 自适应各种手机型号代码
$(document).ready(function(){$(window).bind('resize load', function() { $("body").css("zoom", $(window).width() / 640); $("body").css("display", "block"); $("body").css("zoom", $(window).width() / 640);});});在页面渲染完之前加入此代码，可以自适应大小，手机端可用重点：
2020-08-18 16:05:41
877
原创 表单验证——点击提交后跳转到第一个未通过校验的地方
表单验证——点击提交后跳转到第一个未通过校验的地方 submitForm(formName) { this.$refs[formName].validate(valid => { if (valid) { alert("提交成功！"); } else { setTimeout(() => { var isError = document.getElementsByClassName("is-err
2020-07-29 09:25:12
749
1
原创 点击获取表格该行的index
点击获取表格该行的index//绑定 <el-table border :data="inputForm.examTopicList.filter(function(item){ return item.delFlag !== '1'})" height="480" @row-click="openDetails" :row-class-name="tableRowClassName">//tableRowClassName方法获取索引 metho
2020-07-24 15:11:28
908
原创 vue表格锚点最简写法
根据序号跳锚点在表格的click方法中添加例如：@row-click（openDetails） openDetails(row, event, column) { //点击获取索引 const index = row.index; //跳转location.hash = 'id名（不加#）';}图例：点击左侧表格，右边根据点击进行跳转...
2020-07-24 15:04:34
316
原创 vue 根据时间类型进行倒计时
确定传过来的时间数据类型 datetime: function(time) { //传过来的时间time可以是分钟数，也可以是时间戳 //获取当前时间 let newdate = new Date(); //当前时间从1970.1.1到现在的毫秒数 this.timenow = newdate.getTime(); //判断时间类型给结束时间赋值 if (typeof time == "number") { this
2020-07-21 11:55:02
925
原创 echarts颜色来咯~~~~
糖果色第一条[’#FFFFCC’,’#FFCCCC’, ‘#CCFFFF’, ‘#CCFFCC’, ‘#CCCCFF’, ‘#FF9999’, ‘#FFCC99’, ‘#99CC99’, ‘#99CCFF’, ‘#99CCCC’, ‘#CCFF99’,’#99CCFF’,’#66CCCC’,’#FFFFCC’];
2020-07-09 15:27:28
973
原创 js计算百分比，精确到两位小数
function numDiv(num1, num2) { var baseNum1 = 0, baseNum2 = 0; var baseNum3, baseNum4,baseNum5; try { baseNum1 = num1.toString().split(".")[1].length; } catch (e) { baseNum1 = 0; } try { baseNum2 = num2.toString().split(".")[1].length; } catch.
2020-07-06 17:27:46
1793
原创 js设置时间不能超过当前日期（laydate时间插件可用）
js设置时间不能超过当前日期//设置时间不能超过当前日期function getNowFormatDate() { var date = new Date(); var seperator1 = "-"; var seperator2 = ":"; var month = date.getMonth() + 1; var strDate = date.getDate(); if (month >= 1 && month <= 9) { month = "0"
2020-07-06 17:22:55
1525
原创 echarts loading样式+方法
echarts loading样式+方法//loading样式function ecInit(id){ console.log(id) echarts.init(document.getElementById(id)).showLoading({ text: 'loading', color: '#00FFFF', //圈圈颜色 textColor: '#fff',//文字颜色 maskColor: 'transparent', zlevel: 0 });}调用方法（id
2020-07-06 17:10:43
973
router-link包裹内容不显示
2019-12-17
TA创建的收藏夹 TA关注的收藏夹
TA关注的人