
样式与布局
iamjwe
认识、理解、实践、总结、钻研
展开
-
修改elemet-ui组件的内部样式
修改el-dialog的el-dialog__body的样式如果我们使用了element-ui的el-dialog组件,面临修改组件内的样式(例如修改el-dialog__body的样式)的需求,我们会碰到这样的问题。第一种思路:添加类名(与组件渲染结果有关,可能失败(如下例))我们尝试在el-dialog组件上添加样式类来达到层叠样式的目的。如下例的dialog-select类名<...原创 2019-03-19 16:58:18 · 4120 阅读 · 1 评论 -
对scoped的理解
css的属性选择器选择器参考手册1.手册中所述的属性选择器说明:[attribute][target]选择带有 target 属性所有元素。2.vue组件style标签中使用scoped之后,生成的HTML结构我们可以发现组件在使用了scope之后的渲染结果,该组件模板中定义的所有标签都带上了data-v-xxxxxxx=""的属性,但要注意的是,我们的子组件el-d...原创 2019-03-19 18:32:24 · 2856 阅读 · 1 评论 -
表格布局
表格布局涉及的关键标签:1.table标签:属性单位描述borderpixels规定表格边框的宽度cellpaddingpixels%规定单元边沿与其内容之间的空白cellspacingpixels%规定单元格之间的空白table标签更多属性以及介绍2.tr标签:属性值描述alignleft right cente...原创 2019-03-21 20:53:03 · 5632 阅读 · 0 评论