From 0e11d74e0e2d664d6104636a75558c31ead2448c Mon Sep 17 00:00:00 2001
From: long <515897141@qq.com>
Date: 星期四, 01 二月 2024 15:04:41 +0800
Subject: [PATCH] 样式调整
---
src/assets/css/common.css | 54 +++++++++++++++++++++++++++++++++++++++++-------------
1 files changed, 41 insertions(+), 13 deletions(-)
diff --git a/src/assets/css/common.css b/src/assets/css/common.css
index d7c43d4..c3ebe0f 100644
--- a/src/assets/css/common.css
+++ b/src/assets/css/common.css
@@ -209,11 +209,18 @@
height: 900px; */
background-color: rgba(34,123,235,1);
box-sizing: border-box;
- padding: 0 23px 42px 23px;
+ padding: 0 23px 23px 23px;
}
-
+/* 閬垮厤Chrome娴忚鍣ㄧ湅鍒癝afari榛戝 */
+@supports (-webkit-touch-callout: none) {
+ .page {
+ /* The hack for Safari */
+ /* height: -webkit-fill-available; */
+ /* height: -webkit-fill-available; */
+ }
+}
.page_header {
- min-height: 100px;
+ height: 100px;
}
.page_header .left {
@@ -225,14 +232,20 @@
height: 45px;
display: block;
}
-
+.page_logo_1 .img {
+ width: 100%;
+ height: 100%;
+}
.page_logo_2 {
width: 132px;
height: 50px;
display: block;
margin-left: 10px;
}
-
+.page_logo_2 .img {
+ width: 100%;
+ height: 100%;
+}
.page_date {
line-height: 28px;
color: rgba(255,255,255,1);
@@ -257,23 +270,38 @@
.page_container {
width: 100%;
- height: calc( 100% - 100px );
}
.btn_ani {
- animation-name: anim_scale;
- animation-duration: 1.1s;
- animation-iteration-count: infinite;
+ -webkit-animation: anim_scale 1.1s;
+ animation: anim_scale 1.1s;
+ -webkit-animation-iteration-count: infinite;
+ animation-iteration-count: infinite;
+ /* animation-name: anim_scale;
+ animation-duration: 1.1s; */
+ /* animation-iteration-count: infinite; */
+}
+
+@-webkit-keyframes anim_scale {
+ 0% {
+ transform: scale(1);
+ }
+ 50% {
+ transform: scale(1.1);
+ }
+ 100% {
+ transform: scale(1);
+ }
}
@keyframes anim_scale {
0% {
- scale: 1;
+ transform: scale(1);
}
50% {
- scale: 1.05;
+ transform: scale(1.1);
}
100% {
- scale: 1;
+ transform: scale(1);
+ }
}
-}
\ No newline at end of file
--
Gitblit v1.8.0