merge

src/views/mobile/ListDetails.vue

@@ -144,9 +144,9 @@ export default {
 .list-content {
   width: 94%;
   margin: 0 auto;
-  //   opacity: 0.6;
+ //  opacity: 0.6;
   background: #0c0c0c;
-  border: 1px solid rgba(208, 163, 110, 0.79);
+  border: 1px solid rgba(208, 163, 110, 0.6);
   .list-title {
     width: 90%;
     display: flex;
@@ -157,7 +157,7 @@ export default {
     margin: 0 auto;
     margin-top: 1.2vh;
     background: #0c0c0c;
-    border: 1px solid rgba(208, 163, 110, 0.79);
+    border: 1px solid rgba(208, 163, 110, 0.6);
   }
 }
 .rabk {
@@ -172,7 +172,7 @@ export default {
   color: #cfa16c;
 }
 .title-img{
-  width: 90%;
+  width: 72%;
 }
 .clan-member {
   width: 29vw;

src/views/mobile/RankingList.vue

@@ -3,9 +3,9 @@
     <div class="content">
       <div class="top">
         <div class="account-btn">
-          <div>
+          <div  class="icon-content" >
             <img
-              class="icon-img"
+             class="icon-img"
               src="../../assets/mobile/portrait.png"
               alt=""
             />
@@ -14,9 +14,9 @@
           <div class="text">{{address}}</div>
         </div>
         <div class="twitter-btn">
-          <div>
+          <div class="icon-content">
             <img
-              class="icon-img"
+             class="icon-img"
               src="../../assets/mobile/twitter.png"
               alt=""
             />
@@ -25,15 +25,15 @@
           <div class="text">@{{twitter}}</div>
         </div>
         <div class="discard-btn">
-          <div>
+          <div class="icon-content" >
             <img
-              class="icon-img"
+             class="icon-img"
               src="../../assets/mobile/discard.png"
               alt=""
             />
-            <span class="text">{{discord}}</span>
+           
           </div>
-          
+           <div class="text">{{discord}}</div>
         </div>
       </div>
       <div class="switch">
@@ -333,13 +333,12 @@ export default {
   border: 1px solid rgba(208, 163, 110, 0.79);
   border-radius: 42px;
   display: flex;
- 
   justify-content: center;
   align-items: center;
 }
 .text {
-  width: 70%;
-  font-size: 0.1vw;
+  width: 60%;
+  font-size: 0.66rem;
   font-family: 'OPPOSans';
   font-weight: normal;
   color: #d7a972;
@@ -347,7 +346,16 @@ export default {
   white-space: nowrap;
   text-overflow: ellipsis;
 }
-
+.icon-content{
+  display: flex;
+  align-items: center;
+  width: 12%;
+  // line-height: 1vh;
+  margin-right: 0.3rem;
+  img{
+    width: 100%;
+  }
+}
 .icon-img {
   width: 4vw;
 }
@@ -526,9 +534,16 @@ export default {
   color: #d7a972;
 }
 .rank {
+  width: 13%;
   padding-right: 1vw;
   padding-left: 1vw;
 }
+.points{
+  width: 45%;
+}
+.clan-member{
+width: 29%;
+}
 .rank-number {
   font-size: 1rem;
   margin-bottom: 1vh;
@@ -606,6 +621,9 @@ export default {
   .icon-img {
     width: 20px;
   }
+  .icon-content img {
+    width: 70%;
+}
 }
 .footer {
   position: absolute;
@@ -617,7 +635,7 @@ export default {
   }
   .text {
     font-size: 18px;
-    text-align: center;
+    // text-align: center;
   }
   .account-btn,.twitter-btn,.discard-btn{
     height: 3.88vw;
@@ -633,7 +651,7 @@ export default {
     line-height: 4.2vw;
   }
   .time-circular{
-    font-size: 50px;
+    font-size:81px;
   }
   .invititaion-code-title{
     font-size: 36px;

src/views/mobile/Recommend.vue

@@ -113,7 +113,7 @@ export default {
   font-family: 'OPPOSans';
   font-weight: normal;
   color: #ffffff;
-  //   line-height: 42px;
+   line-height: 6vh;
 }
 .submit-btn {
   width: 100%;