¿Tienes hambre? Conceptos básicos de la investigación de elementos componentes
el-row envuelve una fila, 20 píxeles desde la parte inferior
?el-col, ¿una columna? Uso (el-col: span="24", 1-24 puede ser seleccionado libremente)
p>
medianil: especifica el intervalo entre columnas, el valor predeterminado es cero. Uso lt; el-row: gutter="20"gt;
desplazamiento: desplazamiento de columna. Usagelt;el-col: span="6":offset="6"gt;
Asigne el atributo de tipo a 'flex' para habilitar el diseño flexible y especifique el inicio mediante el atributo de justificación. de centro, extremo, espacio entre (sin espacios a izquierda y derecha) y espacio alrededor (hay espacios a izquierda y derecha) definen el método de diseño de los subelementos.
Usagelt; el-row type="flex" justify="center"gt;
Se refiere al diseño responsivo de Bootstrap y preestablece cuatro tamaños responsivos: xs, sm, md y lg.
Puedes usarlo configurando el nombre de la clase el-icon-iconName. por ejemplo, lt;i class="el-icon-edit"gt;lt;/igt;
El componente Botón proporciona 7 temas de forma predeterminada, que están definidos por el atributo de tipo, y el valor predeterminado es predeterminado.
lt;el-buttongt;Botón predeterminadolt;/el-buttongt;
lt;el-button type="primary"gt;Botón predeterminadolt;/el-buttongt
p>Puede utilizar el atributo deshabilitado para definir si el botón está disponible, el cual acepta un valor booleano.
lt;el-button: Plain="true":disabled="true"gt;Botón principallt;/el-button;
type="advertencia de éxito información de peligro"
¿CSS personalizado?
.block: {padding: 30px 24px; border-bottom: #eff2f6}
.demonstration{font-size: 14px color: #8492a6; altura de línea: 44px}
.demo-button .intro-block .wrapper{float: right; margin-right: 20px;}
.el- dropdown { display: inline-block; posición: relativa;}
el-table (--fit, --stripe, --border,,,)?
?- el -table__header -wrapper gt; tabla gt; tr gt; th
?- el-table__body-wrapper ?gt; tbodygt; tr(.el-table__row) gt;