element-ui inputNumber、Card 、Breadcrumb组件源码分析整理笔记(三)
inputNumber组件
解析:
(1)先看下html结构
左边的减号和右边的加号是通过绝对定位,设置在input左右的padding位置的,input的css代码如下:
.el-input-number .el-input__inner {
-webkit-appearance: none;
padding-left: 50px;
padding-right: 50px;
text-align: center;
}
这个inputNumber源码还算简单,多看几遍就懂了
Card 组件
{{ header }}
Breadcrumb组件