From b31d24178ad663e054d4e39164d1799e3000991b Mon Sep 17 00:00:00 2001
From: dragon <3013557874@qq.com>
Date: Mon, 2 Sep 2024 14:18:14 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E5=A4=8Dui=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../modules/weekStarPlus/css/index.css        | 30 +++++++-------
 .../modules/weekStarPlus/css/index.scss       | 39 ++++++++++++-------
 2 files changed, 42 insertions(+), 27 deletions(-)

diff --git a/view/molistar/modules/weekStarPlus/css/index.css b/view/molistar/modules/weekStarPlus/css/index.css
index fae60e3..4bb546a 100644
--- a/view/molistar/modules/weekStarPlus/css/index.css
+++ b/view/molistar/modules/weekStarPlus/css/index.css
@@ -125,7 +125,7 @@ body {
 }
 
 .lastTop .title {
-  width: 10rem;
+  width: 7.6rem;
   height: 1.86667rem;
   line-height: 2.13333rem;
   text-align: center;
@@ -175,15 +175,16 @@ body {
 }
 
 .lastTop .topBox .top .score {
-  width: 2rem;
   height: 0.42667rem;
   border-radius: 0.42667rem;
-  text-align: center;
+  text-align: left;
   background: rgba(0, 0, 0, 0.3);
   position: absolute;
   top: 2.94667rem;
   left: 50%;
   transform: translateX(-50%);
+  padding: 0 0.13333rem 0 0;
+  white-space: nowrap;
 }
 
 .lastTop .topBox .top .score img {
@@ -376,15 +377,16 @@ body {
 }
 
 .weeekListTop .thisTop .topBox .top .score {
-  width: 2rem;
   height: 0.42667rem;
   border-radius: 0.42667rem;
-  text-align: center;
+  text-align: left;
+  padding: 0 0.13333rem 0 0;
   background: rgba(0, 0, 0, 0.3);
   position: absolute;
   top: 2.94667rem;
   left: 50%;
   transform: translateX(-50%);
+  white-space: nowrap;
 }
 
 .weeekListTop .thisTop .topBox .top .score img {
@@ -453,7 +455,8 @@ body {
   width: 10rem;
   background: url(../images/middle.png) no-repeat;
   background-size: 100% 100%;
-  margin: 0 auto;
+  margin: -1rem auto 0;
+  position: relative;
 }
 
 .list ul {
@@ -468,7 +471,7 @@ body {
   background-size: 100% 100%;
   overflow: hidden;
   box-sizing: border-box;
-  padding: 0 0.41333rem;
+  padding: 0 0.72rem;
   margin-bottom: 0.26667rem;
 }
 
@@ -522,14 +525,15 @@ body {
 }
 
 .list ul li .score {
-  min-width: 1.77333rem;
   height: 0.42667rem;
-  line-height: 0.42667rem;
+  border-radius: 0.42667rem;
+  text-align: left;
+  padding: 0 0.13333rem 0 0;
   border-radius: 0.42667rem;
   background: rgba(255, 255, 255, 0.1);
   margin-top: 0.78667rem;
   float: right;
-  text-align: center;
+  white-space: nowrap;
 }
 
 .list ul li .score img {
@@ -645,14 +649,14 @@ body {
 }
 
 .my .myInfo .score {
-  min-width: 1.77333rem;
   height: 0.42667rem;
-  line-height: 0.42667rem;
   border-radius: 0.42667rem;
+  text-align: left;
+  padding: 0 0.13333rem 0 0;
   background: rgba(255, 255, 255, 0.1);
   margin-top: 0.78667rem;
   float: right;
-  text-align: center;
+  white-space: nowrap;
 }
 
 .my .myInfo .score img {
diff --git a/view/molistar/modules/weekStarPlus/css/index.scss b/view/molistar/modules/weekStarPlus/css/index.scss
index 5ce3638..b69de98 100644
--- a/view/molistar/modules/weekStarPlus/css/index.scss
+++ b/view/molistar/modules/weekStarPlus/css/index.scss
@@ -129,7 +129,7 @@ body {
     padding-top: 2.1rem;
 
     .title {
-        width: px2rem(750);
+        width: px2rem(570);
         height: px2rem(140);
         line-height: px2rem(160);
         text-align: center;
@@ -177,15 +177,17 @@ body {
             }
 
             .score {
-                width: px2rem(150);
+                // width: px2rem(150);
                 height: px2rem(32);
                 border-radius: px2rem(32);
-                text-align: center;
+                text-align: left;
                 background: rgba(0, 0, 0, .3);
                 position: absolute;
                 top: px2rem(221);
                 left: 50%;
                 transform: translateX(-50%);
+                padding: 0 px2rem(10) 0 0;
+                white-space: nowrap;
 
                 img {
                     width: px2rem(32);
@@ -379,15 +381,17 @@ body {
                 }
 
                 .score {
-                    width: px2rem(150);
+                    // width: px2rem(150);
                     height: px2rem(32);
                     border-radius: px2rem(32);
-                    text-align: center;
+                    text-align: left;
+                    padding: 0 px2rem(10) 0 0;
                     background: rgba(0, 0, 0, .3);
                     position: absolute;
                     top: px2rem(221);
                     left: 50%;
                     transform: translateX(-50%);
+                    white-space: nowrap;
 
                     img {
                         width: px2rem(32);
@@ -460,7 +464,8 @@ body {
     width: px2rem(750);
     background: url(../images/middle.png) no-repeat;
     background-size: 100% 100%;
-    margin: 0 auto;
+    margin: -1rem auto 0;
+    position: relative;
 
     ul {
         width: px2rem(670);
@@ -473,11 +478,13 @@ body {
             background-size: 100% 100%;
             overflow: hidden;
             box-sizing: border-box;
-            padding: 0 px2rem(31);
+            padding: 0 px2rem(54);
             margin-bottom: px2rem(20);
-            &:last-child{
+
+            &:last-child {
                 margin-bottom: 0;
             }
+
             .num {
                 width: px2rem(60);
                 height: 100%;
@@ -524,14 +531,16 @@ body {
             }
 
             .score {
-                min-width: px2rem(133);
+                // width: px2rem(150);
                 height: px2rem(32);
-                line-height: px2rem(32);
+                border-radius: px2rem(32);
+                text-align: left;
+                padding: 0 px2rem(10) 0 0;
                 border-radius: px2rem(32);
                 background: rgba(255, 255, 255, .1);
                 margin-top: px2rem(59);
                 float: right;
-                text-align: center;
+                white-space: nowrap;
 
                 img {
                     width: px2rem(32);
@@ -648,14 +657,15 @@ body {
         }
 
         .score {
-            min-width: px2rem(133);
+            // width: px2rem(150);
             height: px2rem(32);
-            line-height: px2rem(32);
             border-radius: px2rem(32);
+            text-align: left;
+            padding: 0 px2rem(10) 0 0;
             background: rgba(255, 255, 255, .1);
             margin-top: px2rem(59);
             float: right;
-            text-align: center;
+            white-space: nowrap;
 
             img {
                 width: px2rem(32);
@@ -782,6 +792,7 @@ body {
                 .ts2 {
                     top: 20.5rem;
                 }
+
                 .ts3 {
                     top: 29.7rem;
                 }