自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(9)
  • 收藏
  • 关注

原创 2021-05-26

vue 动态样式 transform :style="{transform: `translate(${transform.x}px ,${transform.y}px )`}"> data () { return { transform: { x: 30, y: 130 } } },

2021-05-26 15:04:59 62

原创 2021-03-01

Vue中如何控制v-for循环次数的方法截取循环的数据 v-for="item in scope.row.alarm_rules.slice(0, 2)"

2021-03-01 10:43:41 72

原创 2021-02-27

Element el-table 在flex布局的宽度自适应问题bug::在flex容器下面的一个flex:1的子容器里面写了个el-table用来展示列表数据,el-table的宽度不会跟随flex容器进行自适应宽度。原因:el-table的父元素不能是flex:1的元素,需要在外面再加一层元素,并且父元素设置成absolute.diagnosticlogout_box { flex: 1; position: relative; }.diagnosticlogout_ta

2021-02-27 14:07:25 108

原创 2021-02-26

echarts 防止屏幕抖动bug:鼠标一移入echarts,右滚动条就会抖动,这是使用tooltip后,鼠标悬浮事件频繁触发的问题。解决方法:1.不使用tooltip2:在tooltip上添加 transitionDuration: 0 ,这样提示框就会跟随鼠标。 tooltip: { trigger: "item", transitionDuration: 0 //防止抖动 },...

2021-02-26 11:02:50 80

原创 2021-02-23

ECharts tooltip formatter 函数写法 tooltip: { trigger: "axis", axisPointer: { type: "shadow" }, formatter: function(params) { console.log(params); return ( params[0]

2021-02-23 13:51:00 48

原创 2021-02-22

echarts tooltip 自定义提示信息添加圆点 formatter: "{b0}<br />" + '<span style="display:inline-block;position:relative; top:0px;margin-right:5px;border-radius:10px;width:9px;height:9px;background-color:#ffad1e"></span> {a0}:

2021-02-22 14:46:49 77

原创 2021-02-20

element tree 透明样式 // 树形最外层样式/deep/.el-tree { background: transparent; color: #fff;}// 设置三角图标颜色/deep/.el-tree-node__expand-icon { color: #fff;}// 鼠标悬浮图标颜色/deep/.el-tree-node__content:hover .el-tree-node__expand-icon { color: #000;}/deep/.e

2021-02-20 16:33:07 73

原创 Element-ui Dialog 对话框使用中数据获取问题

for循环当中放了一个 Dialog对话框代码块,从而点击单条数据时, 触发对话框展示当前条数据,Dialog对话框代码块无法识别数据触发点击事件的时候获取当前数据存储到 数据对象 data中,然后绑定数据对象 data中新创建的数据到所需要的动态属性中。 <el-card shadow="hover" class="box-card " v-for="(item, index) in xinxi"

2020-12-16 17:59:45 3200

原创 flex 最后一行 左对齐 如何实现

场景 : 无法确定flex 换行后列表个数又不固定,直接调试html特别麻烦,使用Grid布局Grid布局天然有gap间隙,且天然格子对齐排布,因此,实现最后一行左对齐可以认为是天生的效果。<div class="box"> <div class="list"></div> <div class="list"></div> <div class="list">&

2020-12-16 16:45:59 363

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除