优化样式

2025-02-11 11:25:51 +08:00
parent b0069e643c
commit b1ab2aae01
4 changed files with 20 additions and 22 deletions
--- a/view/molistar/activity/2025-valentineDay/css/index.css
+++ b/view/molistar/activity/2025-valentineDay/css/index.css
@@ -173,6 +173,10 @@ body {
  font-weight: 400;
 }

+.page1 {
+  margin: -0.2rem auto 0;
+}
+
 .page1 .top {
  width: 10rem;
  height: 12.4rem;
@@ -180,6 +184,7 @@ body {
  background: url(../images/topBg.png) no-repeat;
  background-size: 100% 100%;
  margin: 0 auto 0;
+  overflow: hidden;
 }

 .page1 .top .tab {
@@ -189,7 +194,7 @@ body {
  text-align: center;
  display: flex;
  justify-content: space-between;
-  margin: 0 auto 0.32rem;
+  margin: 0.73333rem auto 0.32rem;
 }

 .page1 .top .tab div {
@@ -735,6 +740,7 @@ body {

 .page2 {
  display: none;
+  margin: -0.5rem auto 0;
 }

 .page2 .top {
@@ -790,7 +796,7 @@ body {

 .page2 .content .box {
  width: 9.06667rem;
-  height: 42.21333rem;
+  height: 38.96rem;
  background: url(../images/rewardBg.png) no-repeat;
  background-size: 100% 100%;
  margin: 0.2rem auto 0;
@@ -843,7 +849,7 @@ body {
  position: absolute;
  width: 0.90667rem;
  height: 0.90667rem;
-  right: 0rem;
+  right: 0.1rem;
  top: 0.09333rem;
 }

@@ -944,11 +950,3 @@ body {
  background: url(../images/rewardBg-tr.png) no-repeat;
  background-size: 100% 100%;
 }
-
-.Turkiye .timeBox {
-  width: 10rem;
-}
-
-.Turkiye .timeBox div {
-  width: 1.6rem;
-}
--- a/view/molistar/activity/2025-valentineDay/css/index.scss
+++ b/view/molistar/activity/2025-valentineDay/css/index.scss
@@ -8,6 +8,7 @@ body {
    background: #37013C;
 }

+
 .back {
    width: 100%;
    height: px2rem(44);
@@ -187,7 +188,7 @@ body {

 .page1 {
    // display: none;
-
+    margin: -0.2rem auto 0;
    .top {
        width: px2rem(750);
        height: px2rem(930);
@@ -195,6 +196,7 @@ body {
        background: url(../images/topBg.png) no-repeat;
        background-size: 100% 100%;
        margin: 0 auto 0;
+        overflow: hidden;

        .tab {
            width: px2rem(648);
@@ -203,7 +205,7 @@ body {
            text-align: center;
            display: flex;
            justify-content: space-between;
-            margin: 0 auto px2rem(24);
+            margin: px2rem(55) auto px2rem(24);

            div {
                width: px2rem(308);
@@ -751,6 +753,7 @@ body {

 .page2 {
    display: none;
+    margin: -0.5rem auto 0;

    .top {
        width: px2rem(750);
@@ -804,7 +807,7 @@ body {

        .box {
            width: px2rem(680);
-            height: px2rem(3166);
+            height: px2rem(2922);
            background: url(../images/rewardBg.png) no-repeat;
            background-size: 100% 100%;
            margin: 0.2rem auto 0;
@@ -857,7 +860,7 @@ body {
            position: absolute;
            width: px2rem(68);
            height: px2rem(68);
-            right: px2rem(0);
+            right: 0.1rem;
            top: px2rem(7);
        }

@@ -966,11 +969,4 @@ body {
        background-size: 100% 100%;
    }

-    .timeBox {
-        width: px2rem(750);
-
-        div {
-            width: 1.6rem;
-        }
-    }
 }
--- a/view/molistar/activity/2025-valentineDay/images/contentBg.png
+++ b/view/molistar/activity/2025-valentineDay/images/contentBg.png
--- a/view/molistar/activity/2025-valentineDay/index.html
+++ b/view/molistar/activity/2025-valentineDay/index.html
@@ -10,6 +10,10 @@
 </head>

 <body>
+    <!-- 頂部返回 -->
+    <div class="back">
+        <img src="./images/travel/back.png" alt="">
+    </div>
    <!-- 头部 -->
    <div class="header">
        <div class="text2 date"></div>