From a509e48bf7336b6007e1eee7e81a6612a0fb006c Mon Sep 17 00:00:00 2001
From: 付延余 <f-yanyu@outlook.com>
Date: 星期日, 24 四月 2022 14:42:44 +0800
Subject: [PATCH] 细节
---
src/pages/show/shehuiBaozhang/shehuiBaozhang.vue | 110 +++++++++++++++++++++++++++---------------------------
1 files changed, 55 insertions(+), 55 deletions(-)
diff --git a/src/pages/show/shehuiBaozhang/shehuiBaozhang.vue b/src/pages/show/shehuiBaozhang/shehuiBaozhang.vue
index 9940d02..523a108 100644
--- a/src/pages/show/shehuiBaozhang/shehuiBaozhang.vue
+++ b/src/pages/show/shehuiBaozhang/shehuiBaozhang.vue
@@ -56,72 +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;
+ .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 */;
+ }
}
- .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";
-@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;
+ @import "../../../assets/css/base";
+ @import "../../../assets/css/mixin";
+ .shehuiBaozhang-wrap{
+ width: 100%;
+ padding: 0.078125rem /* 20/256 */;
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: 0.3125rem /* 80/256 */;
+ height: calc(100% - 0.390625rem /* 100/256 */);
+ .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;
+ 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{
+ width: calc(100% - 0.9375rem);
+ padding: 0 0.078125rem /* 20/256 */;
+ box-sizing: border-box;
+ height: 100%;
+ }
}
- .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