- 博客(15)
- 收藏
- 关注
原创 element 树选择+只能选择叶子节点
<el-form-item label="" prop="acctItemTypeId"> <el-select ref="acctItemTypeId" v-model="formData.acctItemTypeId" style="width:100%" clearable placeholder="请选择" @clear="formData.acctItemTypeId =
2021-11-08 20:40:06
4904
原创 element 解决页面刷新后抽屉首次打开标题被选中bug
类似此情况可全局样式中加入即可.el-drawer__header span:focus {outline: 0!important;}
2021-11-02 09:56:00
275
原创 ant-design 表格动态行合并
{ title: '模板名称', ellipsis: true, dataIndex: 'settTariffTemplateName', key: 'settTariffTemplateName', align: 'center', //重点开始 customRender: (text, record, index) => { const obj = { children: text !== null ? text : '',
2020-09-18 20:05:50
315
原创 关于echarts的X轴内容根据容器大小动态显示
代码<template> <div id="histogram"> <div class="chart-container" style="height: 100%;"> <vue-echarts v-if="!noData" ref="histogram" :options="POLAR_OPTIONS" :autoresize="true" @finishe
2020-06-08 09:41:11
699
原创 echarts 在扇形终点加小球 根据容器变化而变化
<template> <div class="demoFour"> <vue-echarts ref="circle" :options="AXIS_OPTION" :autoresize="true" ></vue-echarts> </div></template&...
2020-03-03 09:40:11
241
原创 ant-design-vue 时间选择器赋值默认时间方法
代码<template> <div> <a-range-picker show-time format="YYYY/MM/DD HH:mm:ss" :default-value="[this.moment(startTime, dateFormat),this.moment(endTime, d...
2019-08-27 15:28:30
9483
原创 vue 实现表格间隔颜色样式+鼠标上移样式+出入场动画
完整代码:<template> <div class="hello"> <label> ID: <input type="text" v-model="id" /> </label> <label> NAME: <input type="tex...
2019-08-21 14:49:11
944
原创 vue动画 使用animate实现动画
第一步:下载依赖npm install animate.css --save第二步:script中引入import animate from "animate.css";第三步:使用完整代码:<template> <div class="hello"> <input type="button" value="button" @click="...
2019-08-21 10:28:49
11052
1
原创 vue动画 自定义v-前缀
<transition name="custom"> <h1>这是一个自定义v-前缀的动画</h1></transition><style> .my-enter,.my-leave-to{ opacity:0; transform:translateX(50px) } .my-enter-active,.my-le...
2019-08-21 09:49:59
149
原创 关于 echarts X轴坐标名称过长显示问题
代码:xAxis: { //x轴参数配置 type: 'category', data: [], axisTick: { alignWithLabel: true, }, axisLine: { lineStyle: { color: '#9c9c9c', },...
2019-08-19 14:39:08
3989
原创 关于改变echarts颜色使其颜色不相同的方法(其他图也适用)
效果图:隐藏了柱状图的X轴和Y轴和其余属性并且Y轴反向坐标轴 使其出现这样的效果代码: var AXIS_OPTION = { tooltip: { //提示框 trigger: 'axis', axisPointer: { type: 'shadow', }, }, grid: { //距离控制 ...
2019-08-19 14:04:55
1774
原创 关于vue-echarts的使用方法
(1)安装npm install vue-echarts --save-dev(2)引入import ECharts from 'vue-echarts'(3) 使用<div style="height:263px"> <vue-echarts :options="POLAR_OPTIONS" :autoresize="true" /></div&...
2019-08-19 11:30:52
414
原创 关于vue-echarts颜色渐变方法
效果:引入 import { graphic } from ‘echarts/lib/export’代码:const POLAR_OPTIONS = { legend: { data: ['发送', '接收'], }, grid: { //关于盒子 距离 left: '29px', ...
2019-08-19 11:05:17
2226
1
原创 关于echarts饼图禁止高亮(或设置高亮颜色)
把前后颜色设置相同即可。 const POLAR_OPTIONS = { title: { show: true, text: '90.54%', textStyle: { fontSize: 14, color: '#449aff', }, ...
2019-08-19 10:55:46
9888
1
原创 关于echarts双Y轴
const POLAR_OPTIONS = {color: ‘#27c4a7’,grid: {left: ‘20px’,right: ‘20px’,bottom: ‘26px’,top: ‘10px’,containLabel: true,},tooltip: {formatter: ‘{a} {b}: {c}%’,trigger: ‘axis’,},xAxis: {t...
2019-08-19 10:42:50
141
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人