From 170cbf34b3c860b39c7dd0270677ecb60d5a4a08 Mon Sep 17 00:00:00 2001
From: dai <851733175@qq.com>
Date: Fri, 24 Jun 2022 09:51:03 +0800
Subject: [PATCH] =?UTF-8?q?=E8=A7=A3=E5=86=B3=E6=8A=A5=E9=94=99?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
---
src/assets/scss/pages/yantai-index.scss | 45 ++++++++++++++++++-------
src/views/pages/yantai-index.vue | 28 +++++++--------
2 files changed, 47 insertions(+), 26 deletions(-)
diff --git a/src/assets/scss/pages/yantai-index.scss b/src/assets/scss/pages/yantai-index.scss
index aa8db7ec3..e3b808fd1 100644
--- a/src/assets/scss/pages/yantai-index.scss
+++ b/src/assets/scss/pages/yantai-index.scss
@@ -70,30 +70,51 @@
.menu-item {
position: relative;
- left: 70px;
margin-bottom: 40px;
width: 150px;
height: 70px;
line-height: 70px;
color: rgba(#fff, 0.6);
font-size: 20px;
- background: linear-gradient(to left, rgba(rgb(67, 67, 210), 0.3), rgba(#00a, 0));
border-radius: 60px;
text-align: center;
- box-shadow: -4px 4px 4px 1px inset rgba(#fff, 0.2);
transition: all 0.2s ease;
- &:nth-child(2),
- &:nth-child(6) {
- margin-left: 20px;
+ &.z-zuo {
+ left: 60px;
+ background: linear-gradient(to left, rgba(rgb(67, 67, 210), 0.3), rgba(#00a, 0));
+ box-shadow: -4px 4px 6px 0 inset rgba(#fff, 0.2);
+ &:nth-child(2),
+ &:nth-child(6) {
+ margin-left: 20px;
+ }
+ &:nth-child(3),
+ &:nth-child(5) {
+ margin-left: 20px * 2;
+ }
+ &:nth-child(4) {
+ margin-left: 20px * 2 + 1px;
+ }
}
- &:nth-child(3),
- &:nth-child(5) {
- margin-left: 20px * 2;
- }
- &:nth-child(4) {
- margin-left: 20px * 2 + 1px;
+
+ &.z-you {
+ right: 70px;
+ background: linear-gradient(to right, rgba(rgb(67, 67, 210), 0.3), rgba(#00a, 0));
+ box-shadow: 4px 4px 6px 0 inset rgba(#fff, 0.2);
+
+ &:nth-child(2),
+ &:nth-child(6) {
+ margin-right: 20px;
+ }
+ &:nth-child(3),
+ &:nth-child(5) {
+ margin-right: 20px * 2;
+ }
+ &:nth-child(4) {
+ margin-right: 20px * 2 + 1px;
+ }
}
+
&:hover,
&.z-on {
transform: scale(1.2);
diff --git a/src/views/pages/yantai-index.vue b/src/views/pages/yantai-index.vue
index e1d7b7493..0794a2f44 100644
--- a/src/views/pages/yantai-index.vue
+++ b/src/views/pages/yantai-index.vue
@@ -11,13 +11,13 @@
@@ -52,13 +52,13 @@
