web前端
文章平均质量分 78
东书
这个作者很懒,什么都没留下…
展开
-
web前端全屏功能,Esc退出
这里写自定义目录标题web前端全屏功能局部全屏web前端全屏功能需求:点击按钮(指定内容)全屏显示,按Esc键退出,按下F11键整个浏览器全屏&关闭全屏局部全屏指定内容全屏,重点就是找到需要全屏的dom节点,dom节点是你指定的,所以html代码 <!-- 全屏显示按钮 --> <el-tooltip class="item" effect="dark"...原创 2020-01-13 17:04:56 · 1665 阅读 · 0 评论 -
Echarts雷达图搭配极坐标
雷达图搭配极坐标项目搭建: vue + element UI + Echarts需求背景:利用Echarts的雷达图展示骑手配送的时间节点,需求效果图如下:鼠标hover至拐点的时候,展示相关的信息,移出的时候不显示采用原因:1:本项目采用的是Echarts 4.x,Echarts2.x以上的雷达图,tooltip触发方式设置成axis无效,而且设置成item的话,tooltip会包含所有数据,不能获取单个拐点的数据。2:Echart4.x 雷达图的刻度不再生效,也就是说没有刻度显示。原创 2020-08-05 16:40:41 · 3178 阅读 · 2 评论 -
Vue自定义指令使用——按钮级别权限控制
简单的Vue自定义指令vue.js官网自定义指令scss官网(推荐学习样式,搭配vue写起来真的很爽很省事,还给小白一种高大上的感觉,哈哈哈哈~)key:自定义指令 scss 的 @each in需求说明:我接到的需求是,通过配置后台,配置每个页面的的按钮展示,配置成功的则展示按钮,不成功或者未配置的则不展示。不过,在开发中要注意:1.未配置按钮时,默认展示还是隐藏(跟产品确认后,选择了默认隐藏)。2.注意样式调整,有些按钮的展示隐藏会影响布局。这种需求已经很常见了,也依赖数据结构,原创 2020-08-04 17:52:12 · 1404 阅读 · 0 评论