分割线.dotted{border-bottom:1pxdotted#333;}// 垂直样式.vertical{display:inline-block;width:1px;height:1em;margin:08px;background-color:#333;vertical-align:middle;position:relative;top:-1px;// 微调一下位置// 缩放0.95倍可以解决一像素问题(一像素看着比实际粗)竖线X缩放transform:scaleX(0.95);}//...
// 缩放0.95倍可以解决一像素问题(一像素看着比实际粗)竖线X缩放transform:scaleX(0.95); } // 文本样式.text{position: absolute;padding:012px;color:#333;font-size:14px;transform:translateY(-50%); //y轴移动自身的一半,使其垂直方向居中background-color:#fff; // 通过背景色和padding去盖住水平分割...
我们知道,一个函数,其实就是一个加工流水线,我们入参,经过函数的加工以后,得到return加工后的结果。 对于组件而言,其实也可以当做一个函数(函数式组件),我们传递参数,组件props接收,然后组件再根据传参的不同,渲染出对应的样式效果。 这种方式和原来的我们使用组件的方式其实差不多,只不过更加精简,毕竟只考虑接收参...
element分割线el-divider: 项目需要使用到竖线,但是排版不是多行的,自定义了样式,使用el-divider的竖线分隔; 原api地址:https://element.eleme.cn/#/zh-CN/component/divider html <el-row:gutter="20"style="height:80px;"><el-col:span="12">采购计划单号制单人备注<el-dividerdirection="vertical"content...
element分割线el-divider
css /*分割线样式*/ .el-divider--horizontal{ border-top: 1px solid #adadad; } html <el-divider></el-divider>
对于组件而言,其实也可以当做一个函数(函数式组件),我们传递参数,组件props接收,然后组件再根据传参的不同,渲染出对应的样式效果。 这种方式和原来的我们使用组件的方式其实差不多,只不过更加精简,毕竟只考虑接收参数,没有生命周期、this实例之类的。所以函数式组件的渲染效率会比普通组件高。