描述列表增加空隙样式

demo/pc/descriptions.html

@@ -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">
     <legend>描述列表-{$vo}</legend>

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;
+            }
+        }
+    }
+
 }