style: 移动端适配

2026-03-19 15:15:38 +08:00
parent 4989bb7156
commit 6a08f2cede
11 changed files with 59 additions and 45 deletions
--- a/src/views/AwardPage/components/Bloom.vue
+++ b/src/views/AwardPage/components/Bloom.vue
@@ -191,7 +191,8 @@ p {
  &.mobile {
    background: url('@/assets/images/mobile_version_background/bloom_bg.png') no-repeat;
    background-size: 100% 100%;
-    height: 83.1rem;
+    // height: 83.1rem;
+    height: 110vw;
    padding-top: 6rem;
    .title {
      font-size: 3.2rem;
@@ -202,7 +203,8 @@ p {
      margin-bottom: 6.2rem;
    }
    .desc {
-      padding: 0 6.5rem 0 6.7rem;
+      // padding: 0 6.5rem 0 6.7rem;
+      padding: 0 8.5vw;
      font-size: 2rem;
      line-height: 3rem;
    }