From cb343e1574e6b5babdae4252db52ef8ac8e8ecfb Mon Sep 17 00:00:00 2001
From: 明梦爽 <2972214568@qq.com>
Date: 星期二, 02 十一月 2021 09:46:20 +0800
Subject: [PATCH] ready
---
src/components/page/index.vue | 63 +++++++++++++++++++++++++++++--
1 files changed, 58 insertions(+), 5 deletions(-)
diff --git a/src/components/page/index.vue b/src/components/page/index.vue
index 42c7f68..f5d804f 100644
--- a/src/components/page/index.vue
+++ b/src/components/page/index.vue
@@ -1,13 +1,66 @@
<template>
- <div>
- <span>棣栭〉</span>
- </div>
+ <el-container>
+ <!-- 棣栭〉涓婂崐閮ㄥ垎 -->
+ <el-header>
+ <el-container>
+ <el-aside width="600px">鍥剧墖瑕侀椈</el-aside>
+ <el-main>閫氱煡鍏憡</el-main>
+ </el-container>
+ </el-header>
+ <!-- 棣栭〉涓嬪崐閮ㄥ垎 -->
+ <el-main class="xiaBian">
+ <el-container>
+ <!-- 涓嬭竟宸﹀崐閮ㄥ垎 -->
+ <el-aside width="1000px">
+ <el-container>
+ <el-aside width="500px">宸ヤ綔鐘舵��</el-aside>
+ <el-main>瀛﹂櫌鍔ㄦ��</el-main>
+ </el-container>
+ </el-aside>
+ <!-- 涓嬭竟鍙冲崐閮ㄥ垎 -->
+ <el-main class="youXiaJiao">
+ <el-container>
+ <el-header>鍙嬫儏閾炬帴</el-header>
+ <el-main>鑱旂郴鎴戜滑</el-main>
+ </el-container>
+ </el-main>
+ </el-container>
+ </el-main>
+ </el-container>
</template>
<script>
export default {
- name:'index'
+ name: 'index'
}
</script>
<style lang="less" scoped>
-
+.el-header {
+ background-color: rgb(131, 51, 51);
+ height: 400px !important;
+ padding: 0;
+ .el-main {
+ background-color: rgb(25, 202, 193);
+ height: 400px;
+ }
+}
+.xiaBian {
+ background: rgb(132, 199, 44);
+ height: 400px;
+ padding: 0;
+ .el-main {
+ background-color: rgb(70, 27, 187);
+ height: 400px;
+ }
+}
+.youXiaJiao {
+ padding: 0;
+ // height: 400px;
+ .el-header {
+ height: 200px !important;
+ }
+ .el-main {
+ height: 200px;
+ background-color: rgb(206, 44, 171);
+ }
+}
</style>
\ No newline at end of file
--
Gitblit v1.8.0