ulthon/layui-ul
1
0
Fork 0
mirror of https://gitee.com/ulthon/layui-ul.git synced 2026-07-08 21:22:48 +08:00
Code Issues Packages Projects Releases Wiki Activity

描述列表增加空隙样式

Browse Source
This commit is contained in:
augushong
2022-08-23 09:55:09 +08:00
parent 2e536dd064
commit e8e51cd1b2
2 changed files with 13 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
demo/pc/descriptions.html
View File

@@ -1,4 +1,4 @@
{volist name="[''=>'基本','table'=>'表格（仿文档）','border'=>'边框（好看）']" id='vo'} {volist name="[''=>'基本','table'=>'表格（仿文档）','border'=>'边框（好看）','border padding'=>'边框 空隙']" id='vo'}
<fieldset class="layui-elem-field layui-field-title"> <fieldset class="layui-elem-field layui-field-title">
<legend>描述列表-{$vo}</legend> <legend>描述列表-{$vo}</legend>

14
source/scss/desciptions/_desciptions.scss
View File

@@ -1,11 +1,13 @@
.ul-descriptions { .ul-descriptions {
// TODO:使用grid实现布局
display : grid; display : grid;
grid-template-columns: calc(1 / 3 * 100%) calc(1 / 3 * 100%) calc(1 / 3 * 100%); grid-template-columns: calc(1 / 3 * 100%) calc(1 / 3 * 100%) calc(1 / 3 * 100%);
$labelWidth: 90px; $labelWidth: 90px;
.item { .item {
display : inline-flex; display : inline-flex;
position : relative; position : relative;
@@ -54,7 +56,7 @@
img { img {
max-width: 100%; max-width: 100%;
} }
} }
} }
} }
@@ -167,4 +169,12 @@
} }
} }
&.padding {
.item {
.value {
padding: 10px;
}
}
}
} }