前端样式
smaaaaart
这个作者很懒,什么都没留下…
展开
-
2021-07-20
作者:McDu链接:https://www.jianshu.com/p/3cf80b96a65d来源:简书感谢原作者整理 我这里记录一下 方便学习!谢谢!下面是原文照搬在 Echarts 文档中查找设置图标位置,设置条形图的位置,设置饼状图的位置,找到很艰辛。1-设置条形图的位置通过 option.grid 的 x 属性设置图形 x 轴方向距左上角的位置 ,x、y、x2、y2 的的含义如下图:2-设置饼状图的位置通过 series.center 属性,默认是 [50%, 50%].看下面的 E转载 2021-07-20 17:44:36 · 134 阅读 · 0 评论 -
echarts标题(title)配置
var myChart=echarts.init(document.getElementById('main')); //init初始化接口,返回ECharts实例,其中dom为图表所在节点 var option = { //标题 title : { show:true, //显示策略,默认值true,可选为:true(显示) | false(隐藏) text: '主标题', //主标题文本,'...转载 2021-05-28 10:25:22 · 559 阅读 · 0 评论 -
element-ui dialog弹窗增加全屏功能
完成效果图:一、定义全局变量 dialogFull 用来控制弹窗dialogFull:false,二、dialog标签添加全局属性绑定:fullscreen="dialogFull"三、设置title区域的自定义<template slot="title"> <div class="avue-crud__dialog__header"> <span class="el-dialog__titl.转载 2021-05-22 16:47:00 · 1230 阅读 · 0 评论 -
CSS3--设置元素宽度/高度根据浏览器高度自适应
有时候需要页面内元素根据浏览器高度设定,可以用到以下写法:width:calc(100vw - 100px);//宽度是浏览器宽度减100pxheight:calc(100vh - 100px);//高度是浏览器高度减100pxVW是width of view(port)的缩写,也就是浏览器的宽度VH是height of view(port)的缩写,也就是浏览器的高度...原创 2021-05-22 15:58:52 · 1858 阅读 · 0 评论 -
css3--实现不同方向的三角形
<div class="up"></div><div class="right"></div><div class="down"></div><div class="left"></div>//向上.up{ width:0; height:0; border-right:20px solid transparent; border-left:20px solid transparen.原创 2021-05-22 14:41:51 · 133 阅读 · 0 评论