From e8e51cd1b22b4f3641b6d10da1128c1ddbdbb06a Mon Sep 17 00:00:00 2001
From: augushong <augushong@ulthon.com>
Date: Tue, 23 Aug 2022 09:55:09 +0800
Subject: [PATCH] =?UTF-8?q?=E6=8F=8F=E8=BF=B0=E5=88=97=E8=A1=A8=E5=A2=9E?=
 =?UTF-8?q?=E5=8A=A0=E7=A9=BA=E9=9A=99=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 demo/pc/descriptions.html                 |  2 +-
 source/scss/desciptions/_desciptions.scss | 14 ++++++++++++--
 2 files changed, 13 insertions(+), 3 deletions(-)

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'}
 
 <fieldset class="layui-elem-field layui-field-title">
     <legend>描述列表-{$vo}</legend>
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