From 6f87c0bcb9dd11bcef2370e3262cf803b76ed39c Mon Sep 17 00:00:00 2001
From: 付延余 <f-yanyu@outlook.com>
Date: 星期二, 12 四月 2022 18:12:20 +0800
Subject: [PATCH] 其他业务
---
src/pages/components/showIndexTitle.vue | 40 +++++++++++++++++++++-------------------
1 files changed, 21 insertions(+), 19 deletions(-)
diff --git a/src/pages/components/showIndexTitle.vue b/src/pages/components/showIndexTitle.vue
index 38a22e0..bfef540 100644
--- a/src/pages/components/showIndexTitle.vue
+++ b/src/pages/components/showIndexTitle.vue
@@ -33,14 +33,14 @@
<h1>鍔冲姩鍏崇郴</h1>
</div>
</el-menu-item>
- <el-menu-item>
+ <el-menu-item index="/otherBusiness">
<div class="showIndex-block">
<h1>鍏跺畠涓氬姟</h1>
</div>
</el-menu-item>
</div>
<div class="showIndex-right">
- <el-menu-item>
+ <el-menu-item index="/businessPolicy">
<div class="showIndex-block">
<h1>钀ュ晢鏀跨瓥</h1>
</div>
@@ -91,15 +91,15 @@
.el-menu-item.is-active {
background: url("../../assets/images/menu-active.png") no-repeat center;
background-size: 100% 100%;
- width: 12.8rem /* 128/10 */;
- height: 5rem;
+ width: 0.5rem /* 128/256 */;
+ height: 0.1953125rem /* 50/256 */;
}
.el-menu-item {
background: url("../../assets/images/menu-normal.png") no-repeat center;
background-size: 100% 100%;
- width: 12.8rem /* 128/10 */;
- height: 5rem;
- margin-right: 1.2rem /* 12/10 */;
+ width: 0.5rem /* 128/256 */;
+ height: 0.1953125rem /* 50/256 */;
+ margin-right: 0.046875rem /* 12/256 */;
}
.el-menu.el-menu--horizontal {
border-bottom: 0;
@@ -109,22 +109,23 @@
<style lang="scss" scoped>
.showIndexTitle-wrap {
width: 100%;
- height: 9rem /* 90/10 */;
+ height: 0.3515625rem /* 90/256 */;
background: url("../../assets/images/jiashicang-title-bj.png") no-repeat
center;
background-size: 100% 100%;
.title {
- font-size: 3rem /* 30/10 */;
- font-family: "Source Han Sans CN";
+ font-size: 0.1171875rem /* 30/256 */;
+ //font-family: "Source Han Sans CN";
color: #fff;
text-align: center;
- line-height: 7rem /* 70/10 */;
+ line-height: 0.2734375rem /* 70/256 */;
}
.showIndex-left {
position: absolute;
- left: 1rem /* 10/10 */;
- top: -5rem /* 10/10 */;
+ left: 0.0390625rem /* 10/256 */;
+ top: -0.1953125rem /* -50/256 */;
display: flex;
+ z-index: 9;
.showIndex-block {
/*background:url("../../assets/images/menu-normal.png") no-repeat center;*/
/*background-size: 100% 100%;*/
@@ -132,17 +133,18 @@
/*height: 5rem;*/
h1 {
color: #fff;
- font-size: 2.4rem;
+ font-size: 0.09375rem /* 24/256 */;
text-align: center;
- line-height: 5rem;
+ line-height: 0.1953125rem /* 50/256 */;
}
}
}
.showIndex-right {
position: absolute;
- right: 1rem /* 10/10 */;
- top: -5rem /* 10/10 */;
+ right: 0.0390625rem /* 10/256 */;
+ top: -0.1953125rem /* -50/256 */;
display: flex;
+ z-index: 9;
.showIndex-block {
/*background:url("../../assets/images/menu-normal.png") no-repeat center;*/
/*background-size: 100% 100%;*/
@@ -151,9 +153,9 @@
/*cursor: pointer;*/
h1 {
color: #fff;
- font-size: 2.4rem;
+ font-size: 0.09375rem /* 24/256 */;
text-align: center;
- line-height: 5rem;
+ line-height: 0.1953125rem /* 50/256 */;
}
}
.menu-active {
--
Gitblit v1.9.1