- 博客(7)
- 资源 (2)
- 收藏
- 关注
转载 css实现环形水波纹和背景水波纹
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> *{ padding: 0; ...
2020-12-28 16:55:10 1557 1
原创 vue实现父子组件之间传参并且实现封装组件
需求描述:封装一个进度条组件,点击该组件,传值给父组件父组件通过属性给子组件传值,子组件用props来接收父组件的值子组件通过$emit给父组件传值,父组件通过相应的方法接收子组件的值父组件:parent.vue<template> <div> <Progress v-for="(item,index) in text" :key="index" :parentData="item" @clickProgress="progress">&.
2020-12-28 14:10:53 455 1
原创 echart常用配置项tooltip
tooltip ={ //提示框组件 trigger: 'item', //触发类型,'item'数据项图形触发,主要在散点图,饼图等无类目轴的图表中使用。 'axis'坐标轴触发,主要在柱状图,折线图等会使用类目轴的图表中使用。 triggerOn:"mousemove", //提示框触发的条件,'mousemove'鼠标移动时触发。'clic.
2020-12-28 09:39:54 1303
原创 vue中使用echart并在echart中添加警戒线
vue中使用echart并在echart中添加警戒线,通过配置visualMap和series.markLine实现警戒线效果 this.myChart1 = this.$echarts.init(document.getElementById('myChart1')) this.option1 = { title: { text: '温度趋势图', textStyle: { color: '.
2020-12-22 11:18:34 1113
原创 vue中使用echart实现三维立体图
echart实现三维立体图,这个有一个踩坑点,echart在渲染数据的时候,会有过渡动画效果,当数据量大的时候,会使图表在绘制过程中卡住,解决这个问题的办法是去掉过渡动画效果:grid3D.viewControl.animation = false。 this.myChart3 = this.$echarts.init(document.getElementById('myChart3')) this.option3 = { title: { t.
2020-12-21 14:53:57 3972 2
原创 vue+ elementv UI 使用Tree组件实现定位展开某一个父节点并选中该父节点下的某一个子节点
elementv UI 中的Tree组件实现定位展开某一个父节点并选中该父节点下的某一个子节点(或者选中该父节本身)如图所示:<template> <div> <el-tree :data="deviceList" ref="tree" :props="defaultProps" node-key="id" :default-expanded-k..
2020-12-21 14:21:19 2166
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人