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 组件






相关