From 31181a5ed1e8cb393ad90fd19f6baea72b3cc423 Mon Sep 17 00:00:00 2001 From: zhangxiaoxu123456 <zxx19900626> Date: 星期日, 24 四月 2022 11:43:06 +0800 Subject: [PATCH] 就业创业细节 --- src/pages/show/shehuiBaozhang/shehuiBaozhang.vue | 50 ++++++++++++++++++++++++++++---------------------- 1 files changed, 28 insertions(+), 22 deletions(-) diff --git a/src/pages/show/shehuiBaozhang/shehuiBaozhang.vue b/src/pages/show/shehuiBaozhang/shehuiBaozhang.vue index 871a2ea..523a108 100644 --- a/src/pages/show/shehuiBaozhang/shehuiBaozhang.vue +++ b/src/pages/show/shehuiBaozhang/shehuiBaozhang.vue @@ -2,47 +2,47 @@ <div class="shehuiBaozhang-wrap"> <div class="shehuiBaozhang-menu-left"> <el-menu :default-active="$route.path" router mode="vertical"> - <el-menu-item index="/workStatistics"> + <el-menu-item index="/shehuiBaoxian"> <div class="menu-left-block"> <h1>绀句細淇濋櫓</h1> </div> </el-menu-item> - <el-menu-item> + <el-menu-item index="/shebaoShouzhiZongbiao"> <div class="menu-left-block"> <h1>绀句繚鏀舵敮鎬昏〃</h1> </div> </el-menu-item> - <el-menu-item> + <el-menu-item index="/qiyezhigongShebao"> <div class="menu-left-block"> <h1>浼佷笟鑱屽伐绀句繚</h1> </div> </el-menu-item> - <el-menu-item> + <el-menu-item index="/jiguanzhigongShebao"> <div class="menu-left-block"> <h1>鏈哄叧鑱屽伐绀句繚</h1> </div> </el-menu-item> - <el-menu-item> + <el-menu-item index="/juminYanglaoBaoxian"> <div class="menu-left-block"> <h1>灞呮皯鍏昏�佷繚闄�</h1> </div> </el-menu-item> - <el-menu-item> + <el-menu-item index="/shiyeBaoxian"> <div class="menu-left-block"> <h1>澶变笟淇濋櫓</h1> </div> </el-menu-item> - <el-menu-item> + <el-menu-item index="/gongshangBaoxian"> <div class="menu-left-block"> <h1>宸ヤ激淇濋櫓</h1> </div> </el-menu-item> - <el-menu-item> + <el-menu-item index="/shebaoZhengjiShouru"> <div class="menu-left-block"> <h1>绀句繚寰佺即鏀跺叆</h1> </div> </el-menu-item> - <el-menu-item> + <el-menu-item index="/shebaoChikaRenshu"> <div class="menu-left-block"> <h1>绀句繚鍗℃寔鍗′汉鏁�</h1> </div> @@ -68,37 +68,42 @@ border-right:none; } .el-menu-item, .el-submenu__title{ - height: 8rem; - margin: 3rem 0; + height: 0.3125rem /* 80/256 */; + margin: 0.1171875rem /* 30/256 */ 0; } .el-menu-item{ background:url("../../../assets/images/jiuye-menu-normal.png") no-repeat center; background-size: 100% 100%; - width: 19.2rem; - height: 8rem; + width: 0.75rem /* 192/256 */; + height: 0.3125rem /* 80/256 */; + display: flex; + justify-content: center; + padding: 0px!important; } .el-menu-item.is-active{ background:url("../../../assets/images/jiuye-menu-active.png") no-repeat center; background-size: 100% 100%; - width: 19.2rem; - height: 8rem; + width: 0.75rem /* 192/256 */; + height: 0.3125rem /* 80/256 */; } } </style> <style lang="scss" scoped> @import "../../../assets/css/base"; + @import "../../../assets/css/mixin"; .shehuiBaozhang-wrap{ width: 100%; - padding: 2rem; + padding: 0.078125rem /* 20/256 */; box-sizing: border-box; display: flex; + height: calc(100% - 0.390625rem /* 100/256 */); .shehuiBaozhang-menu-left{ - width: 24rem /* 240/10 */; - height: 124.9rem /* 1249/10 */; + width: 0.9375rem /* 240/256 */; + height: 5.2734375rem /* 1350/256 */; background:url("../../../assets/images/jiuye-menu-bj.png") no-repeat center; background-size: 100% 100%; - padding: 4rem 0; + padding: 0.15625rem /* 40/256 */ 0; box-sizing: border-box; display: flex; justify-content: center; @@ -107,14 +112,15 @@ font-size: $fontSize-24; color: $color-blue; text-align: center; - line-height: 8rem; + line-height: 0.3125rem /* 80/256 */; } } } .shehuiBaozhang-menu-right{ - flex: 1; - padding: 0 2rem /* 20/10 */; + width: calc(100% - 0.9375rem); + padding: 0 0.078125rem /* 20/256 */; box-sizing: border-box; + height: 100%; } } -- Gitblit v1.9.1