From a27354cca34571bcc2d76b57bf54fdad8e955000 Mon Sep 17 00:00:00 2001
From: augushong <augushong@ulthon.com>
Date: Thu, 19 Jan 2023 14:59:17 +0800
Subject: [PATCH] =?UTF-8?q?=E5=A2=9E=E5=8A=A0=E8=AF=A6=E6=83=85=E5=B1=9E?=
 =?UTF-8?q?=E6=80=A7=E6=8E=92=E5=88=97?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 source/components/_index.scss                 |  1 +
 .../ul-descriptions-info/_index.env           |  5 ++++
 .../ul-descriptions-info/_index.html          | 18 ++++++++++++++
 .../ul-descriptions-info/_index.md            |  0
 .../ul-descriptions-info/_index.scss          | 24 +++++++++++++++++++
 5 files changed, 48 insertions(+)
 create mode 100644 source/components/descriptions/ul-descriptions-info/_index.env
 create mode 100644 source/components/descriptions/ul-descriptions-info/_index.html
 create mode 100644 source/components/descriptions/ul-descriptions-info/_index.md
 create mode 100644 source/components/descriptions/ul-descriptions-info/_index.scss

diff --git a/source/components/_index.scss b/source/components/_index.scss
index 21fc717..f474bad 100644
--- a/source/components/_index.scss
+++ b/source/components/_index.scss
@@ -1,4 +1,5 @@
 @import './card/ul-easy-image/index';
+@import './descriptions/ul-descriptions-info/index';
 @import './descriptions/ul-easy-item/index';
 @import './header/ul-shop-header/index';
 @import './list/ul-book-item/index';
diff --git a/source/components/descriptions/ul-descriptions-info/_index.env b/source/components/descriptions/ul-descriptions-info/_index.env
new file mode 100644
index 0000000..94602c1
--- /dev/null
+++ b/source/components/descriptions/ul-descriptions-info/_index.env
@@ -0,0 +1,5 @@
+title=详情属性排列
+padding=1
+margin=0
+gray=0
+mobile=1
\ No newline at end of file
diff --git a/source/components/descriptions/ul-descriptions-info/_index.html b/source/components/descriptions/ul-descriptions-info/_index.html
new file mode 100644
index 0000000..2003b39
--- /dev/null
+++ b/source/components/descriptions/ul-descriptions-info/_index.html
@@ -0,0 +1,18 @@
+<div class="ul-descriptions-info">
+    <div class="ul-descriptions-info__item">
+        <div class="ul-descriptions-info__item__name">柜台价</div>
+        <div class="ul-descriptions-info__item__value">16元</div>
+    </div>
+    <div class="ul-descriptions-info__item">
+        <div class="ul-descriptions-info__item__name">适用年龄</div>
+        <div class="ul-descriptions-info__item__value">1-12岁</div>
+    </div>
+    <div class="ul-descriptions-info__item">
+        <div class="ul-descriptions-info__item__name">生产年份</div>
+        <div class="ul-descriptions-info__item__value">2023年</div>
+    </div>
+    <div class="ul-descriptions-info__item">
+        <div class="ul-descriptions-info__item__name">尺寸</div>
+        <div class="ul-descriptions-info__item__value">宽23cm 高 18cm</div>
+    </div>
+</div>
\ No newline at end of file
diff --git a/source/components/descriptions/ul-descriptions-info/_index.md b/source/components/descriptions/ul-descriptions-info/_index.md
new file mode 100644
index 0000000..e69de29
diff --git a/source/components/descriptions/ul-descriptions-info/_index.scss b/source/components/descriptions/ul-descriptions-info/_index.scss
new file mode 100644
index 0000000..3f829f8
--- /dev/null
+++ b/source/components/descriptions/ul-descriptions-info/_index.scss
@@ -0,0 +1,24 @@
+.ul-descriptions-info {
+    display        : flex;
+    align-items    : flex-start;
+    justify-content: space-between;
+    flex-wrap      : wrap;
+    flex-shrink    : 1;
+
+    &__item {
+        width          : 50%;
+        line-height    : 2.5;
+        display        : flex;
+        align-items    : center;
+        justify-content: flex-start;
+        color          : #333;
+
+        &__name {
+            &::after {
+                content: "：";
+            }
+
+            margin-right: 5px;
+        }
+    }
+}
\ No newline at end of file