本文仅供参考： 首先你要掌握的基础知识: row 行概念 <el-row></el-row> col 列概念 <el-col></el-col> col组件的:span属性的布局调整,一共分为24栏 ...

;el-row></el-row> ...

我们可以通过分块来进行布局： 例如实现以下的布局(两边可增加样式进行调整)： Vue 代码： ...

1、修改el-form表单的el-form-item的label的字体大小 首先在el-form属性加id 2、修改el-row中的el-col的高度 如果不行的话在el-row标签里面加类名 金额范围两个 ...

通过padding 设置与col容器的间隔实现居中，官方并没有给出可供操作的属性，通过重写css，修改padding值（元素与父容器的间隔）达到居中效果 ...

el-col布局在IE中出现了换行显示未靠左，而是靠右显示，给el-col属性加个min-hehight属性，值自己看着给，问题可解。具体何种因素产生的还没找到原因，暂时只能通过该样式临时解决 ...

正常修改组件的样式，在当前vue文件的<style></style>标签中写样式即可，但是el-popover组件比较特殊 它最终渲染的标签与vue中的app.vue文件中的根节点同级，所以在自己写的组件中修改样式会失效 正确的做法是在app.vue文件中做 ...

发现是model的参数设置为form的缘故 把 form换成其他变量就行 具体原因不明白 ...