fix(list): 文档 demo 增加 css 样式 (jd-opensource#1565)

mikasayw · Aug 17, 2022 · 40c7a7c · 40c7a7c
1 parent 9d9365a
commit 40c7a7c
Show file tree

Hide file tree

Showing 2 changed files with 52 additions and 0 deletions.
diff --git a/src/packages/__VUE/list/doc.en-US.md b/src/packages/__VUE/list/doc.en-US.md
@@ -60,6 +60,32 @@ export default {
   }
 };
 </script>
+<style lang="scss">
+body {
+  width: 100%;
+  height: 100vh;
+}
+#app {
+  width: 100%;
+  height: 100%;
+}
+.demo {
+  height: 100%;
+  .nut-cell {
+    height: 100%;
+  }
+  .list-item {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 100%;
+    height: 50px;
+    margin-bottom: 10px;
+    background-color: #f4a8b6;
+    border-radius: 10px;
+  }
+}
+</style>
 ```
 
 :::

diff --git a/src/packages/__VUE/list/doc.md b/src/packages/__VUE/list/doc.md
@@ -60,6 +60,32 @@ export default {
   }
 };
 </script>
+<style lang="scss">
+body {
+  width: 100%;
+  height: 100vh;
+}
+#app {
+  width: 100%;
+  height: 100%;
+}
+.demo {
+  height: 100%;
+  .nut-cell {
+    height: 100%;
+  }
+  .list-item {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 100%;
+    height: 50px;
+    margin-bottom: 10px;
+    background-color: #f4a8b6;
+    border-radius: 10px;
+  }
+}
+</style>
 ```
 
 :::