diff --git a/demo/pc/descriptions.html b/demo/pc/descriptions.html index d87ac19..d00f034 100644 --- a/demo/pc/descriptions.html +++ b/demo/pc/descriptions.html @@ -1,4 +1,4 @@ -{volist name="[''=>'基本','table'=>'表格(仿文档)','border'=>'边框(好看)']" id='vo'} +{volist name="[''=>'基本','table'=>'表格(仿文档)','border'=>'边框(好看)','border padding'=>'边框 空隙']" id='vo'}
描述列表-{$vo} diff --git a/source/scss/desciptions/_desciptions.scss b/source/scss/desciptions/_desciptions.scss index 95cefc0..36586dd 100644 --- a/source/scss/desciptions/_desciptions.scss +++ b/source/scss/desciptions/_desciptions.scss @@ -1,11 +1,13 @@ .ul-descriptions { - // TODO:使用grid实现布局 display : grid; grid-template-columns: calc(1 / 3 * 100%) calc(1 / 3 * 100%) calc(1 / 3 * 100%); $labelWidth: 90px; + + + .item { display : inline-flex; position : relative; @@ -54,7 +56,7 @@ img { max-width: 100%; } - + } } } @@ -167,4 +169,12 @@ } } + &.padding { + .item { + .value { + padding: 10px; + } + } + } + } \ No newline at end of file