css /*分割线样式*/ .el-divider--horizontal{ border-top: 1px solid #adadad; } html <el-divider></el-divider>
首先每行使用<el-row>标签标识,然后每行内的列使用<el-col>标识,至于每列整行的宽度比例,则使用:span属性进行设置。 如下代码,即为将1行等分为2列,为了便于区分列,我们为列添加了不同的样式,另外注意<el-divider></el-divider>是分割线,此处用于区分不同的示例。 <template> 每行24分栏布局 <el-row> ...
tips: elementUI官网未暴露滚动条这个组件,但是是可以引入elementUi后直接使用的。 <template><el-scrollbarstyle="height:800px"ref="scroll"><el-table></el-table><el-divider></el-divider>...content</el-scrollbar></template>//scrollBar里面可以放很多其他组件,切记一定要给其设置一个高度,可以给定高...
<el-button type="primary" plain icon="el-icon-s-operation" @click="columsVisible = true" :loading="handleTotalChecked">定制栏目</el-button> 需要的页面引入组件: <BaseCustomColumns v-if="columsVisible" ref="customerColumns" :visible="columsVisible" :columns.sync="columnsList" :columns...
如下代码,即为将1行等分为2列,为了便于区分列,我们为列添加了不同的样式,另外注意<el-divider></el-divider>是分割线,此处用于区分不同的示例。 <template>每行24分栏布局<el-row><el-col :span="12" class="lightgreen-box">示例1</el-col><el-col :span="12" class="orange-box">示例1</el...