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/banShiZhiNan.vue | 19 ++++ src/components/page/telephone.vue | 11 ++ src/components/page/index.vue | 63 ++++++++++++++- src/components/page/kePu.vue | 15 +++ src/components/Home.vue | 8 + src/components/page/introduce.vue | 17 ++++ src/components/page/zhengce.vue | 15 +++ src/components/page/xueShuJiaoLiu.vue | 29 +++++++ src/components/page/xueXiaoShouYe.vue | 43 ++++++++++ src/components/page/keXieXiangMu.vue | 18 ++++ 10 files changed, 224 insertions(+), 14 deletions(-) diff --git a/src/components/Home.vue b/src/components/Home.vue index d2ab8ad..6c99a06 100644 --- a/src/components/Home.vue +++ b/src/components/Home.vue @@ -1,11 +1,13 @@ <template> <el-container class="home-container"> + <!-- 涓婚〉澶撮儴 --> <el-header> <div> <img src="../assets/xiaohui4.png" alt="" /> </div> <div class="bg"></div> </el-header> + <!-- 涓婚〉瀵艰埅鏍� --> <el-row> <el-menu mode="horizontal" @@ -27,7 +29,8 @@ </el-menu> </el-row> <el-container> - <el-main> + <!-- 鏇村彉鐨勫唴瀹瑰尯鍩� --> + <el-main class="main"> <router-view></router-view> </el-main> </el-container> @@ -93,4 +96,7 @@ .el-footer { background-color: rgb(85, 81, 82); } +.main { + padding: 20px 5px; +} </style> \ No newline at end of file diff --git a/src/components/page/banShiZhiNan.vue b/src/components/page/banShiZhiNan.vue index 33d8489..8ad9d11 100644 --- a/src/components/page/banShiZhiNan.vue +++ b/src/components/page/banShiZhiNan.vue @@ -1,6 +1,23 @@ <template> <div> - <span>鍔炰簨鎸囧崡</span> + <span>鍔炰簨鎸囧崡</span><br> + <span>鍔炰簨鎸囧崡</span><br> + <span>鍔炰簨鎸囧崡</span><br> + <span>鍔炰簨鎸囧崡</span><br> + <span>鍔炰簨鎸囧崡</span><br> + <span>鍔炰簨鎸囧崡</span><br> + <span>鍔炰簨鎸囧崡</span><br> + <span>鍔炰簨鎸囧崡</span><br> + <span>鍔炰簨鎸囧崡</span><br> + <span>鍔炰簨鎸囧崡</span><br> + <span>鍔炰簨鎸囧崡</span><br> + <span>鍔炰簨鎸囧崡</span><br> + <span>鍔炰簨鎸囧崡</span><br> + <span>鍔炰簨鎸囧崡</span><br> + <span>鍔炰簨鎸囧崡</span><br> + <span>鍔炰簨鎸囧崡</span><br> + <span>鍔炰簨鎸囧崡</span><br> + <span>鍔炰簨鎸囧崡</span><br> </div> </template> 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 diff --git a/src/components/page/introduce.vue b/src/components/page/introduce.vue index 6566ff3..29aa131 100644 --- a/src/components/page/introduce.vue +++ b/src/components/page/introduce.vue @@ -1,6 +1,21 @@ <template> <div> - <span>姒傚喌</span> + <span>姒傚喌</span><br> + <span>姒傚喌</span><br> + <span>姒傚喌</span><br> + <span>姒傚喌</span><br> + <span>姒傚喌</span><br> + <span>姒傚喌</span><br> + <span>姒傚喌</span><br> + <span>姒傚喌</span><br> + <span>姒傚喌</span><br> + <span>姒傚喌</span><br> + <span>姒傚喌</span><br> + <span>姒傚喌</span><br> + <span>姒傚喌</span><br> + <span>姒傚喌</span><br> + <span>姒傚喌</span><br> + <span>姒傚喌</span><br> </div> </template> <script> diff --git a/src/components/page/kePu.vue b/src/components/page/kePu.vue index 6a98fa2..6ae39eb 100644 --- a/src/components/page/kePu.vue +++ b/src/components/page/kePu.vue @@ -1,6 +1,19 @@ <template> <div> - <span>绉戞櫘椋庨噰</span> + <span>绉戞櫘椋庨噰</span><br> + <span>绉戞櫘椋庨噰</span><br> + <span>绉戞櫘椋庨噰</span><br> + <span>绉戞櫘椋庨噰</span><br> + <span>绉戞櫘椋庨噰</span><br> + <span>绉戞櫘椋庨噰</span><br> + <span>绉戞櫘椋庨噰</span><br> + <span>绉戞櫘椋庨噰</span><br> + <span>绉戞櫘椋庨噰</span><br> + <span>绉戞櫘椋庨噰</span><br> + <span>绉戞櫘椋庨噰</span><br> + <span>绉戞櫘椋庨噰</span><br> + <span>绉戞櫘椋庨噰</span><br> + <span>绉戞櫘椋庨噰</span><br> </div> </template> diff --git a/src/components/page/keXieXiangMu.vue b/src/components/page/keXieXiangMu.vue index 5dd3537..af85a5f 100644 --- a/src/components/page/keXieXiangMu.vue +++ b/src/components/page/keXieXiangMu.vue @@ -1,6 +1,22 @@ <template> <div> - <span>绉戝崗椤圭洰</span> + <span>绉戝崗椤圭洰</span><br> + <span>绉戝崗椤圭洰</span><br> + <span>绉戝崗椤圭洰</span><br> + <span>绉戝崗椤圭洰</span><br> + <span>绉戝崗椤圭洰</span><br> + <span>绉戝崗椤圭洰</span><br> + <span>绉戝崗椤圭洰</span><br> + <span>绉戝崗椤圭洰</span><br> + <span>绉戝崗椤圭洰</span><br> + <span>绉戝崗椤圭洰</span><br> + <span>绉戝崗椤圭洰</span><br> + <span>绉戝崗椤圭洰</span><br> + <span>绉戝崗椤圭洰</span><br> + <span>绉戝崗椤圭洰</span><br> + <span>绉戝崗椤圭洰</span><br> + <span>绉戝崗椤圭洰</span><br> + <span>绉戝崗椤圭洰</span><br> </div> </template> diff --git a/src/components/page/telephone.vue b/src/components/page/telephone.vue index 451c7cc..fbf965f 100644 --- a/src/components/page/telephone.vue +++ b/src/components/page/telephone.vue @@ -1,6 +1,15 @@ <template> <div> - <span>鑱旂郴鎴戜滑</span> + <span>鑱旂郴鎴戜滑</span><br> + <span>鑱旂郴鎴戜滑</span><br> + <span>鑱旂郴鎴戜滑</span><br> + <span>鑱旂郴鎴戜滑</span><br> + <span>鑱旂郴鎴戜滑</span><br> + <span>鑱旂郴鎴戜滑</span><br> + <span>鑱旂郴鎴戜滑</span><br> + <span>鑱旂郴鎴戜滑</span><br> + <span>鑱旂郴鎴戜滑</span><br> + <span>鑱旂郴鎴戜滑</span><br> </div> </template> diff --git a/src/components/page/xueShuJiaoLiu.vue b/src/components/page/xueShuJiaoLiu.vue index 599e7e3..f845cf1 100644 --- a/src/components/page/xueShuJiaoLiu.vue +++ b/src/components/page/xueShuJiaoLiu.vue @@ -1,6 +1,33 @@ <template> <div> - <span>瀛︽湳浜ゆ祦</span> + <span>瀛︽湳浜ゆ祦</span><br> + <span>瀛︽湳浜ゆ祦</span><br> + <span>瀛︽湳浜ゆ祦</span><br> + <span>瀛︽湳浜ゆ祦</span><br> + <span>瀛︽湳浜ゆ祦</span><br> + <span>瀛︽湳浜ゆ祦</span><br> + <span>瀛︽湳浜ゆ祦</span><br> + <span>瀛︽湳浜ゆ祦</span><br> + <span>瀛︽湳浜ゆ祦</span><br> + <span>瀛︽湳浜ゆ祦</span><br> + <span>瀛︽湳浜ゆ祦</span><br> + <span>瀛︽湳浜ゆ祦</span><br> + <span>瀛︽湳浜ゆ祦</span><br> + <span>瀛︽湳浜ゆ祦</span><br> + <span>瀛︽湳浜ゆ祦</span><br> + <span>瀛︽湳浜ゆ祦</span><br> + <span>瀛︽湳浜ゆ祦</span><br> + <span>瀛︽湳浜ゆ祦</span><br> + <span>瀛︽湳浜ゆ祦</span><br> + <span>瀛︽湳浜ゆ祦</span><br> + <span>瀛︽湳浜ゆ祦</span><br> + <span>瀛︽湳浜ゆ祦</span><br> + <span>瀛︽湳浜ゆ祦</span><br> + <span>瀛︽湳浜ゆ祦</span><br> + <span>瀛︽湳浜ゆ祦</span><br> + <span>瀛︽湳浜ゆ祦</span><br> + <span>瀛︽湳浜ゆ祦</span><br> + <span>瀛︽湳浜ゆ祦</span><br> </div> </template> diff --git a/src/components/page/xueXiaoShouYe.vue b/src/components/page/xueXiaoShouYe.vue index d80bfb7..db811c5 100644 --- a/src/components/page/xueXiaoShouYe.vue +++ b/src/components/page/xueXiaoShouYe.vue @@ -1,6 +1,47 @@ <template> <div> - <span>瀛︽牎棣栭〉</span> + <span>瀛︽牎棣栭〉</span><br> + <span>瀛︽牎棣栭〉</span><br> + <span>瀛︽牎棣栭〉</span><br> + <span>瀛︽牎棣栭〉</span><br> + <span>瀛︽牎棣栭〉</span><br> + <span>瀛︽牎棣栭〉</span><br> + <span>瀛︽牎棣栭〉</span><br> + <span>瀛︽牎棣栭〉</span><br> + <span>瀛︽牎棣栭〉</span><br> + <span>瀛︽牎棣栭〉</span><br> + <span>瀛︽牎棣栭〉</span><br> + <span>瀛︽牎棣栭〉</span><br> + <span>瀛︽牎棣栭〉</span><br> + <span>瀛︽牎棣栭〉</span><br> + <span>瀛︽牎棣栭〉</span><br> + <span>瀛︽牎棣栭〉</span><br> + <span>瀛︽牎棣栭〉</span><br> + <span>瀛︽牎棣栭〉</span><br> + <span>瀛︽牎棣栭〉</span><br> + <span>瀛︽牎棣栭〉</span><br> + <span>瀛︽牎棣栭〉</span><br> + <span>瀛︽牎棣栭〉</span><br> + <span>瀛︽牎棣栭〉</span><br> + <span>瀛︽牎棣栭〉</span><br> + <span>瀛︽牎棣栭〉</span><br> + <span>瀛︽牎棣栭〉</span><br> + <span>瀛︽牎棣栭〉</span><br> + <span>瀛︽牎棣栭〉</span><br> + <span>瀛︽牎棣栭〉</span><br> + <span>瀛︽牎棣栭〉</span><br> + <span>瀛︽牎棣栭〉</span><br> + <span>瀛︽牎棣栭〉</span><br> + <span>瀛︽牎棣栭〉</span><br> + <span>瀛︽牎棣栭〉</span><br> + <span>瀛︽牎棣栭〉</span><br> + <span>瀛︽牎棣栭〉</span><br> + <span>瀛︽牎棣栭〉</span><br> + <span>瀛︽牎棣栭〉</span><br> + <span>瀛︽牎棣栭〉</span><br> + <span>瀛︽牎棣栭〉</span><br> + <span>瀛︽牎棣栭〉</span><br> + <span>瀛︽牎棣栭〉</span><br> </div> </template> diff --git a/src/components/page/zhengce.vue b/src/components/page/zhengce.vue index 769ff1f..82f34fe 100644 --- a/src/components/page/zhengce.vue +++ b/src/components/page/zhengce.vue @@ -1,6 +1,19 @@ <template> <div> - <span>鏀跨瓥</span> + <span>鏀跨瓥</span><br> + <span>鏀跨瓥</span><br> + <span>鏀跨瓥</span><br> + <span>鏀跨瓥</span><br> + <span>鏀跨瓥</span><br> + <span>鏀跨瓥</span><br> + <span>鏀跨瓥</span><br> + <span>鏀跨瓥</span><br> + <span>鏀跨瓥</span><br> + <span>鏀跨瓥</span><br> + <span>鏀跨瓥</span><br> + <span>鏀跨瓥</span><br> + <span>鏀跨瓥</span><br> + <span>鏀跨瓥</span><br> </div> </template> -- Gitblit v1.8.0