From 0a8b339fd4fd1e549522bc40ff24a854c59f26ab Mon Sep 17 00:00:00 2001
From: 付延余 <f-yanyu@outlook.com>
Date: 星期日, 24 四月 2022 10:21:14 +0800
Subject: [PATCH] 人事人才
---
src/pages/show/shehuiBaozhang/shehuiBaozhang.vue | 118 +++++++++++++++++++++++++++++++----------------------------
1 files changed, 62 insertions(+), 56 deletions(-)
diff --git a/src/pages/show/shehuiBaozhang/shehuiBaozhang.vue b/src/pages/show/shehuiBaozhang/shehuiBaozhang.vue
index 5a30b8f..9940d02 100644
--- a/src/pages/show/shehuiBaozhang/shehuiBaozhang.vue
+++ b/src/pages/show/shehuiBaozhang/shehuiBaozhang.vue
@@ -12,37 +12,37 @@
<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>
@@ -56,66 +56,72 @@
</template>
<script>
- export default {
- name: "shehuiBaozhang"
- }
+export default {
+ name: "shehuiBaozhang"
+}
</script>
<style lang="scss">
- .shehuiBaozhang-menu-left{
- .el-menu{
- background-color: transparent;
- border-right:none;
- }
- .el-menu-item, .el-submenu__title{
- height: 8rem;
- margin: 3rem 0;
- }
- .el-menu-item{
- background:url("../../../assets/images/jiuye-menu-normal.png") no-repeat center;
- background-size: 100% 100%;
- width: 19.2rem;
- height: 8rem;
- }
- .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;
- }
+.shehuiBaozhang-menu-left{
+ .el-menu{
+ background-color: transparent;
+ border-right:none;
}
+ .el-menu-item, .el-submenu__title{
+ 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: 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: 0.75rem /* 192/256 */;
+ height: 0.3125rem /* 80/256 */;
+ }
+}
</style>
<style lang="scss" scoped>
- @import "../../../assets/css/base";
- .shehuiBaozhang-wrap{
- width: 100%;
- padding: 2rem;
+@import "../../../assets/css/base";
+@import "../../../assets/css/mixin";
+.shehuiBaozhang-wrap{
+ width: 100%;
+ padding: 0.078125rem /* 20/256 */;
+ box-sizing: border-box;
+ display: flex;
+ .shehuiBaozhang-menu-left{
+ 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: 0.15625rem /* 40/256 */ 0;
box-sizing: border-box;
display: flex;
- .shehuiBaozhang-menu-left{
- width: 24rem /* 240/10 */;
- height: 124.9rem /* 1249/10 */;
- background:url("../../../assets/images/jiuye-menu-bj.png") no-repeat center;
- background-size: 100% 100%;
- padding: 4rem 0;
- box-sizing: border-box;
- display: flex;
- justify-content: center;
- .menu-left-block{
- h1{
- font-size: $fontSize-24;
- color: $color-blue;
- text-align: center;
- line-height: 8rem;
- }
+ justify-content: center;
+ .menu-left-block{
+ h1{
+ font-size: $fontSize-24;
+ color: $color-blue;
+ text-align: center;
+ line-height: 0.3125rem /* 80/256 */;
}
}
- .shehuiBaozhang-menu-right{
- flex: 1;
- padding: 0 2rem /* 20/10 */;
- box-sizing: border-box;
- }
}
+ .shehuiBaozhang-menu-right{
+ flex: 1;
+ padding: 0 0.078125rem /* 20/256 */;
+ box-sizing: border-box;
+ height: 5.27344rem;
+ @include overflow-y();
+ }
+}
</style>
--
Gitblit v1.9.1