no message

Former-commit-id: 8716d744cb5216d2c2f93ecdcbfbf1510bc54a74 [formerly 7ee47c9e097922d154644d6173540bb7cd74ba39] [formerly 8716d744cb5216d2c2f93ecdcbfbf1510bc54a74 [formerly 7ee47c9e097922d154644d6173540bb7cd74ba39] [formerly 8716d744cb5216d2c2f93ecdcbfbf1510bc54a74 [formerly 7ee47c9e097922d154644d6173540bb7cd74ba39] [formerly 7ee47c9e097922d154644d6173540bb7cd74ba39 [formerly a23389c71af615511175cbb0e65154fc75cf7c33 [formerly d4a736009a19aa5c55783e8a2e9626f8ed058c6e]]]]]
Former-commit-id: 6228f01bb2ebceff2880b65b2fc1c61b67a9e184
Former-commit-id: a7f038093f9c7d12882418356c361366341fb5a1
Former-commit-id: 35610da41a483ddcf52eb76d5cbed92c2ee3f029 [formerly 023da26a08d0ef67883f8a85cacd525288b8a697]
Former-commit-id: 3b3539db72f06a74db40c118f4703e764fca2ad9
Former-commit-id: dc9a2919bff93b6e7bdfd455e1deecceff6bb5e7
Former-commit-id: 4c3e5d1ea74969bb0c76c9049d0981d1d5e0342e
Former-commit-id: 8d73f1f8579f9b04ae91814a36abdf3afc949e2e
Former-commit-id: f53f91feedcc764b947ecdc77400470a8ced1543

src/pages/demo/element/basic-container/index.vue

@@ -0,0 +1,86 @@
+<template>
+  <d2-container>
+    <el-container class="d2-mb">
+      <el-header>顶栏</el-header>
+      <el-main>主体</el-main>
+    </el-container>
+    <el-container class="d2-mb">
+      <el-header>顶栏</el-header>
+      <el-main>主体</el-main>
+      <el-footer>底栏</el-footer>
+    </el-container>
+    <el-container class="d2-mb">
+      <el-aside width="200px">侧边栏</el-aside>
+      <el-main>主体</el-main>
+    </el-container>
+    <el-container class="d2-mb">
+      <el-header>顶栏</el-header>
+      <el-container>
+        <el-aside width="200px">侧边栏</el-aside>
+        <el-main>主体</el-main>
+      </el-container>
+    </el-container>
+    <el-container class="d2-mb">
+      <el-header>顶栏</el-header>
+      <el-container>
+        <el-aside width="200px">侧边栏</el-aside>
+        <el-container>
+          <el-main>主体</el-main>
+          <el-footer>底栏</el-footer>
+        </el-container>
+      </el-container>
+    </el-container>
+    <el-container class="d2-mb">
+      <el-aside width="200px">侧边栏</el-aside>
+      <el-container>
+        <el-header>顶栏</el-header>
+        <el-main>主体</el-main>
+      </el-container>
+    </el-container>
+    <el-container>
+      <el-aside width="200px">侧边栏</el-aside>
+      <el-container>
+        <el-header>顶栏</el-header>
+        <el-main>主体</el-main>
+        <el-footer>底栏</el-footer>
+      </el-container>
+    </el-container>
+  </d2-container>
+</template>
+
+<style lang="scss" scoped>
+.el-header, .el-footer {
+  background-color: #B3C0D1;
+  color: #333;
+  text-align: center;
+  line-height: 60px;
+}
+
+.el-aside {
+  background-color: #D3DCE6;
+  color: #333;
+  text-align: center;
+  line-height: 200px;
+}
+
+.el-main {
+  background-color: #E9EEF3;
+  color: #333;
+  text-align: center;
+  line-height: 160px;
+}
+
+body > .el-container {
+  margin-bottom: 40px;
+}
+
+.el-container:nth-child(5) .el-aside,
+.el-container:nth-child(6) .el-aside {
+  line-height: 260px;
+}
+
+.el-container:nth-child(7) .el-aside {
+  line-height: 320px;
+}
+</style>
+