From ea1ce7fa5367c30ab2a1255759371e1135f2331c Mon Sep 17 00:00:00 2001
From: MrShi <1878285526@qq.com>
Date: 星期二, 23 九月 2025 15:01:45 +0800
Subject: [PATCH] 优化

---
 mobile/css/index.css |  238 +++++++++++++++++++++++++++++++++++++++++++++++++++++++----
 1 files changed, 222 insertions(+), 16 deletions(-)

diff --git a/mobile/css/index.css b/mobile/css/index.css
index 0613c22..fae82a9 100644
--- a/mobile/css/index.css
+++ b/mobile/css/index.css
@@ -1,30 +1,122 @@
 .box {
     width: 100%;
 }
+.head {
+    width: 100%;
+    height: 44px;
+    background: #FFFFFF;
+    position: sticky;
+    top: 0;
+    left: 0;
+    z-index: 999;
+    box-shadow: 0 2px 8px 0 rgba(102,102,102,0.05);
+}
+.head_box {
+    width: 100%;
+    height: 100%;
+    padding: 0 15px;
+    box-sizing: border-box;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    position: relative;
+}
+.head_logo {
+    width: 98px;
+    height: 32px;
+}
+.head_menu {
+    width: 24px;
+    height: 24px;
+}
+.head_menus {
+    width: 100%;
+    padding: 20px;
+    box-sizing: border-box;
+    height: calc(100vh - 44px);
+    position: absolute;
+    top: 44px;
+    left: 0;
+    z-index: 9;
+    background-color: #F5F5F5;
+    overflow-y: scroll;
+}
+.head_menus_item {
+    width: 100%;
+    display: flex;
+    flex-direction: column;
+    padding-bottom: 15px;
+    box-sizing: border-box;
+    border-bottom: 1px solid #DFE2E8;
+    margin-bottom: 20px;
+}
+.head_menus_item:last-child {
+    margin: 0 !important;
+}
+.menus_top {
+    width: 100%;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+}
+.menus_top_left {
+    display: flex;
+    align-items: center;
+}
+.menus_top_left_x {
+    width: 3px;
+    height: 15px;
+    background: #FF7900;
+    border-radius: 2px;
+    margin-right: 10px;
+}
+.menus_top_left span {
+    font-weight: 600;
+    font-size: 16px;
+    color: #191B1F;
+}
+.menus_top img {
+    width: 7px;
+    height: 14px;
+}
+.menus_list {
+    width: 100%;
+    margin-top: 15px;
+    display: flex;
+    align-items: center;
+    flex-wrap: wrap;
+    justify-content: space-between;
+}
+.menus_list_item {
+    width: 49%;
+    height: 47px;
+    background: #FFFFFF;
+    border-radius: 4px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    font-weight: 400;
+    font-size: 14px;
+    color: #222222;
+    margin-top: 10px;
+}
+.menus_list_item:nth-child(1) {
+    margin-top: 0 !important;
+}
+.menus_list_item:nth-child(2) {
+    margin-top: 0 !important;
+}
 .banner {
     width: 100%;
     height: 211px;
-}
-.swiper-container2 {
-    width: 100%;
-    height: 211px;
-}
-.swiper-slide1 {
-    width: 100%;
     padding: 0 30px;
     box-sizing: border-box;
+    background-image: url("../images/home_banner@2x.png");
+    background-repeat: no-repeat;
+    background-size: 100% 100%;
     display: flex;
     flex-direction: column;
     justify-content: center;
-    position: relative;
-}
-.swiper-slide1 img {
-    position: absolute;
-    top: 0;
-    left: 0;
-    width: 100%;
-    height: 100%;
-    z-index: -1;
 }
 .banner_title {
     font-weight: bold;
@@ -410,3 +502,117 @@
     color: #9196A1;
     margin-top: 12px;
 }
+.footer {
+    width: 100%;
+    padding: 24px 20px;
+    box-sizing: border-box;
+    background: #2E333A;
+    position: relative;
+}
+.footer_title {
+    font-weight: 600;
+    font-size: 16px;
+    color: #FFFFFF;
+    margin-bottom: 15px;
+}
+.footer_row {
+    width: 100%;
+    margin-bottom: 11px;
+}
+.footer_row {
+    width: 100%;
+    display: flex;
+    align-items: center;
+}
+.footer_row img {
+    width: 14px;
+    height: 14px;
+    margin-right: 16px;
+}
+.footer_row span {
+    font-weight: 400;
+    font-size: 13px;
+    color: #CCCCCC;
+}
+.footer_x {
+    width: 100%;
+    height: 1px;
+    margin-bottom: 23px;
+    background-color: #898989;
+}
+.footer_info {
+    width: 100%;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+}
+.footer_info span {
+    font-weight: 400;
+    font-size: 11px;
+    color: #999999;
+}
+.footer_qrcode {
+    position: absolute;
+    right: 30px;
+    top: 30px;
+    display: flex;
+    align-items: center;
+}
+.footer_qrcode_item {
+    width: 68px;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    margin-left: 11px;
+}
+.footer_qrcode_item img {
+    width: 68px;
+    height: 68px;
+}
+.footer_qrcode_item span {
+    font-weight: 400;
+    font-size: 12px;
+    color: #CCCCCC;
+    margin-top: 10px;
+}
+.footer_lx {
+    width: 100%;
+    height: 54px;
+    background: #FFFFFF;
+    position: fixed;
+    bottom: 0;
+    left: 0;
+    padding: 0 15px;
+    box-sizing: border-box;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+}
+.footer_lx_left {
+    display: flex;
+    align-items: center;
+}
+.footer_lx_left img {
+    width: 23px;
+    height: 23px;
+    margin-right: 8px;
+}
+.footer_lx_left span {
+    font-weight: 500;
+    font-size: 14px;
+    color: #191B1F;
+}
+.footer_lx_right {
+    width: 214px;
+    height: 36px;
+    line-height: 36px;
+    text-align: center;
+    background: #FF7900;
+    box-shadow: 0px 2px 10px 0px rgba(255,121,0,0.54);
+    border-radius: 18px;
+    font-weight: 600;
+    font-size: 15px;
+    color: #FFFFFF;
+}

--
Gitblit v1.9.3