From 74ac8e4d72db1e81a6b5fa2da0d965161a870cef Mon Sep 17 00:00:00 2001
From: dai <851733175@qq.com>
Date: Fri, 24 Jun 2022 09:46:20 +0800
Subject: [PATCH] =?UTF-8?q?=E5=88=9D=E6=AD=A5=E7=9A=84?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
---
src/assets/scss/pages/yantai-index.scss | 33 +++++++++++++++++--------
src/views/pages/yantai-index.vue | 17 +++++++++++++
2 files changed, 40 insertions(+), 10 deletions(-)
diff --git a/src/assets/scss/pages/yantai-index.scss b/src/assets/scss/pages/yantai-index.scss
index eadf41cdd..aa8db7ec3 100644
--- a/src/assets/scss/pages/yantai-index.scss
+++ b/src/assets/scss/pages/yantai-index.scss
@@ -60,44 +60,57 @@
width: 100%;
margin: 0 auto;
.menu {
+ position: relative;
+
.menu-list {
position: absolute;
- top: 115px;
+ top: 50px;
width: 100%;
left: 0;
.menu-item {
position: relative;
left: 70px;
- margin-bottom: 30px;
+ margin-bottom: 40px;
width: 150px;
- height: 60px;
- line-height: 60px;
- color: #fff;
+ height: 70px;
+ line-height: 70px;
+ color: rgba(#fff, 0.6);
font-size: 20px;
- background: linelinear-gradient(left, rgba(#00a, 0.5), rgba(#00a, 0));
+ background: linear-gradient(to left, rgba(rgb(67, 67, 210), 0.3), rgba(#00a, 0));
border-radius: 60px;
text-align: center;
- box-shadow: -3px 3px 5px 1px inset rgba(#fff, 0.3);
+ box-shadow: -4px 4px 4px 1px inset rgba(#fff, 0.2);
+ transition: all 0.2s ease;
&:nth-child(2),
&:nth-child(6) {
- margin-left: 15px;
+ margin-left: 20px;
}
&:nth-child(3),
&:nth-child(5) {
- margin-left: 15px * 2;
+ margin-left: 20px * 2;
}
&:nth-child(4) {
- margin-left: 15px * 3;
+ margin-left: 20px * 2 + 1px;
+ }
+ &:hover,
+ &.z-on {
+ transform: scale(1.2);
+ color: rgba(#fff, 0.95);
}
}
}
}
+ .arrow {
+ margin: 0 20px;
+ }
+
.item {
position: relative;
width: 420px;
+ margin: 0 20px;
max-width: 612px;
text-align: center;
cursor: pointer;
diff --git a/src/views/pages/yantai-index.vue b/src/views/pages/yantai-index.vue
index 2124be7df..e1d7b7493 100644
--- a/src/views/pages/yantai-index.vue
+++ b/src/views/pages/yantai-index.vue
@@ -44,6 +44,23 @@
数据分析平台
+
+
+
+
+
+