修复样式问题

view/molistar/activity/ssGuild/css/index.css

@@ -1,3 +1,4 @@
+@charset "UTF-8";
 html,
 body {
   width: 100%;
@@ -81,7 +82,7 @@ body::-webkit-scrollbar {
   color: #FFEDBA;
   font-size: 0.58667rem;
   font-weight: 600;
-  margin-top: 0.34667rem;
+  margin-top: 0.36rem;
   margin-bottom: 0.50667rem;
   width: 100%;
   text-align: center;
@@ -104,13 +105,18 @@ body::-webkit-scrollbar {
   background: url(../images/boxBg.png) no-repeat;
   background-size: 100% 100%;
   box-sizing: border-box;
-  padding: 0.53333rem;
+  padding: 0 0.53333rem;
   color: #FFEDBA;
   font-size: 0.34667rem;
   font-weight: 400;
   line-height: 0.49rem;
   position: relative;
   z-index: 2;
+  display: flex;
+  justify-content: center;
+  /* 水平居中 */
+  align-items: center;
+  /* 垂直居中 */
 }
 
 .header .tab {
@@ -346,7 +352,7 @@ body::-webkit-scrollbar {
   text-overflow: ellipsis;
   height: 0.4rem;
   color: #FFEDBA;
-  font-size: 0.37333rem;
+  font-size: 0.34667rem;
   font-weight: 500;
   position: absolute;
   text-align: center;
@@ -377,6 +383,7 @@ body::-webkit-scrollbar {
   background-size: 100% 100%;
   box-sizing: border-box;
   padding: 0 0.96rem 0 0.89333rem;
+  margin-bottom: 0.2rem;
 }
 
 .page1 ul li .num {
@@ -412,7 +419,7 @@ body::-webkit-scrollbar {
 .page1 ul li .user p {
   width: 3.28rem;
   margin-top: 0.82667rem;
-  margin-bottom: 0.37333rem;
+  margin-bottom: 0.26667rem;
   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;
@@ -486,7 +493,7 @@ body::-webkit-scrollbar {
 .page1 .my .user p {
   width: 3.28rem;
   margin-top: 0.82667rem;
-  margin-bottom: 0.37333rem;
+  margin-bottom: 0.26667rem;
   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;
@@ -518,6 +525,7 @@ body::-webkit-scrollbar {
   position: relative;
   box-sizing: border-box;
   padding-top: 6.72rem;
+  margin-bottom: 0.44rem;
 }
 
 .page2 .my .ts {
@@ -609,6 +617,10 @@ body::-webkit-scrollbar {
   float: right;
 }
 
+.arabic .page1 .rule {
+  height: 18.97333rem;
+}
+
 .arabic .page1 ul li .grade {
   float: left;
 }

view/molistar/activity/ssGuild/css/index.scss

@@ -81,7 +81,7 @@ body {
                 color: #FFEDBA;
                 font-size: px2rem(44);
                 font-weight: 600;
-                margin-top: px2rem(26);
+                margin-top: 0.36rem;
                 margin-bottom: px2rem(38);
                 width: 100%;
                 text-align: center;
@@ -106,13 +106,18 @@ body {
         background: url(../images/boxBg.png) no-repeat;
         background-size: 100% 100%;
         box-sizing: border-box;
-        padding: px2rem(40);
+        padding: 0 px2rem(40);
         color: #FFEDBA;
         font-size: px2rem(26);
         font-weight: 400;
         line-height: 0.49rem;
         position: relative;
         z-index: 2;
+        display: flex;
+        justify-content: center;
+        /* 水平居中 */
+        align-items: center;
+        /* 垂直居中 */
     }
 
     .tab {
@@ -350,7 +355,7 @@ body {
                 text-overflow: ellipsis;
                 height: px2rem(30);
                 color: #FFEDBA;
-                font-size: px2rem(28);
+                font-size: px2rem(26);
                 font-weight: 500;
                 position: absolute;
                 text-align: center;
@@ -382,6 +387,7 @@ body {
             background-size: 100% 100%;
             box-sizing: border-box;
             padding: 0 px2rem(72) 0 px2rem(67);
+            margin-bottom: px2rem(15);
 
             .num {
                 float: left;
@@ -415,7 +421,7 @@ body {
                 p {
                     width: px2rem(246);
                     margin-top: px2rem(62);
-                    margin-bottom: px2rem(28);
+                    margin-bottom: px2rem(20);
                     overflow: hidden;
                     white-space: nowrap;
                     text-overflow: ellipsis;
@@ -490,7 +496,7 @@ body {
             p {
                 width: px2rem(246);
                 margin-top: px2rem(62);
-                margin-bottom: px2rem(28);
+                margin-bottom: px2rem(20);
                 overflow: hidden;
                 white-space: nowrap;
                 text-overflow: ellipsis;
@@ -524,6 +530,7 @@ body {
         position: relative;
         box-sizing: border-box;
         padding-top: px2rem(504);
+        margin-bottom: px2rem(33);
 
         .ts {
             position: absolute;
@@ -621,6 +628,9 @@ body {
             float: right;
         }
     }
+    .page1 .rule{
+        height: px2rem(1423);
+    }
 
     .page1 ul li {
         .grade {

view/molistar/activity/ssGuild/index.html

@@ -38,7 +38,7 @@
             </div>
         </div>
         <!-- 文字内容 -->
-        <div class="content text7">
+        <div class="content "><div class="text7"></div>
         </div>
         <!-- tab切换 -->
         <div class="tab">

view/molistar/activity/ssGuild/js/index.js

@@ -106,7 +106,7 @@ function getConfig() {
                     let arr = new Array(3 - listTo3.length).fill({
                         avatar: './images/null.png',
                         guildName: '虚位以待',
-                        ownerErbanNo: '0',
+                        guildId: '0',
                         markScore: null
                     })
                     listTo3.push(...arr)
@@ -120,7 +120,7 @@ function getConfig() {
                         $(`.page1 .cloud .no${i + 1} .grade`).attr('src', `./images/${res.markScore}.png`);
                     }
                     $(`.page1 .cloud .no${i + 1} .name`).text(res.guildName);
-                    $(`.page1 .cloud .no${i + 1} .id`).text(res.ownerErbanNo == 0 ? '' : 'ID:' + res.ownerErbanNo);
+                    $(`.page1 .cloud .no${i + 1} .id`).text(res.guildId == 0 ? '' : 'ID:' + res.guildId);
                 })
                 // 非前三
                 var str = '';
@@ -131,7 +131,7 @@ function getConfig() {
                             <img src="${res.avatar}" alt="" class="tx">
                             <div class="user">
                                 <p>${res.guildName}</p>
-                                <b>ID:${res.ownerErbanNo}</b>
+                                <b>ID:${res.guildId}</b>
                             </div>
                             <img style="display:${res.ssLevel == 0 ? 'none' : 'block'}" src="./images/${res.markScore}.png" alt="" class="grade">
                         </li>
@@ -150,7 +150,7 @@ function getConfig() {
                         $('.page1 .my .grade').attr('src', `./images/${me.markScore}.png`);
                     }
                     $('.page1 .my .user p').text(me.guildName);
-                    $('.page1 .my .user b').text('ID:' + me.ownerErbanNo);
+                    $('.page1 .my .user b').text('ID:' + me.guildId);
 
                     var memberVo = res.data.memberVo;
                     $('.page2 .my .tx').attr('src', memberVo.avatar);
@@ -160,7 +160,7 @@ function getConfig() {
                         $('.page2 .my .leve').attr('src', `./images/${memberVo.markScore}.png`);
                     }
                     $('.page2 .my .p1 b').text(memberVo.guildName);
-                    $('.page2 .my .p2 b').text(memberVo.ownerErbanNo);
+                    $('.page2 .my .p2 b').text(memberVo.guildId);
                     $('.page2 .my .p3 b').text(memberVo.nick);
                     $('.page2 .my .p4 b').text(memberVo.erbanNo);
                     $('.page2 .my .p5 b').text(memberVo.diamondNum);