Browse Source

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

peixinyu 3 years ago
parent
commit
40c7a7c185
2 changed files with 52 additions and 0 deletions
  1. 26 0
      src/packages/__VUE/list/doc.en-US.md
  2. 26 0
      src/packages/__VUE/list/doc.md

+ 26 - 0
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>
 ```
 
 :::

+ 26 - 0
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>
 ```
 
 :::