feat: mobile首页

2025-05-24 14:19:23 +08:00
parent cc3b4bb140
commit 1af3b8bbd2
17 changed files with 356 additions and 370 deletions
--- a/public/static/index/mobile/css/index.css
+++ b/public/static/index/mobile/css/index.css
@@ -0,0 +1,128 @@
+.oricoEGapp {
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  overflow-y: auto;
+  overflow-x: hidden;
+}
+.oricoEGapp .oricoEGapp-index {
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  overflow-y: auto;
+  overflow-x: hidden;
+}
+.oricoEGapp .oricoEGapp-index .oidx-banner {
+  margin-top: 3.5rem;
+  z-index: 9;
+}
+.oricoEGapp .oricoEGapp-index .oidx-banner .swiper-container {
+  padding-top: 0;
+  padding-bottom: 0;
+}
+.oricoEGapp .oricoEGapp-index .oidx-cate {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: center;
+  align-items: center;
+  padding: 1.5rem 0;
+  margin: 0 5%;
+}
+.oricoEGapp .oricoEGapp-index .oidx-cate .cateit {
+  margin: 0 5%;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  text-align: center;
+}
+.oricoEGapp .oricoEGapp-index .oidx-cate .cateit img {
+  width: 2.25rem;
+  height: 2.25rem;
+}
+.oricoEGapp .oricoEGapp-index .oidx-cate .cateit span {
+  font-size: 0.8rem;
+}
+.oricoEGapp .oricoEGapp-index .oidx-gg {
+  width: 100%;
+  display: flex;
+  flex-direction: column;
+}
+.oricoEGapp .oricoEGapp-index .oidx-FP .timeblue a {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+}
+.oricoEGapp .oricoEGapp-index .oidx-FP .timeblue a img {
+  margin-left: 0.625rem;
+}
+.oricoEGapp .oricoEGapp-index .oidx-ztpictureshow {
+  position: relative;
+  background: #fff;
+}
+.oricoEGapp .oricoEGapp-index .oidx-ztpictureshow .margin-top-20 {
+  display: flex;
+  justify-content: center;
+}
+.oricoEGapp .oricoEGapp-index .oidx-tcly {
+  display: flex;
+  flex-direction: column;
+}
+.oricoEGapp .oricoEGapp-index .oidx-times {
+  display: flex;
+  position: relative;
+}
+.oricoEGapp .oricoEGapp-index .oidx-times .timeblue {
+  display: flex;
+  justify-content: center;
+}
+.oricoEGapp .oricoEGapp-index .oidx-times .timeline .events-wrapper {
+  overflow: initial;
+}
+.oricoEGapp .oricoEGapp-index .oidx-times .cd-horizontal-timeline .events a {
+  width: 33.3%;
+  margin-left: 0;
+}
+.oricoEGapp .oricoEGapp-index .oidx-times .cd-horizontal-timeline .events a::after {
+  left: 50%;
+}
+.oricoEGapp .oricoEGapp-index .oidx-total {
+  position: relative;
+}
+.oricoEGapp .oricoEGapp-index .oidx-imgqh .swiper-container {
+  overflow: initial;
+}
+.oricoEGapp .oricoEGapp-index .oidx-imgqh .swiper-pagination {
+  bottom: -15px;
+}
+.oricoEGapp .oricoEGapp-index .oidx-fqa {
+  margin-top: 2rem;
+}
+.oricoEGapp .oricoEGapp-index .oidx-fqa .faq-title h3 {
+  margin: 2rem auto;
+}
+.oricoEGapp .timeblue {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  text-align: center;
+}
+.oricoEGapp .timeblue a {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  text-align: center;
+}
+.oricoEGapp .timeblue img {
+  margin-left: 0.625rem;
+}
+.oricoEGapp .text_center {
+  text-align: center;
+}
+.oricoEGapp .inprotext {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+}