merge

public/css/main.css

@@ -125,7 +125,7 @@ img,video{ width: 100%; display: block;}
     line-height: 46px;
     background: #0c0000;
     text-align: center;
-    margin-top: 0.3vh;
+    /* margin-top: 0.3vh; */
 }
 .headerbtn {
     position: relative;
@@ -137,7 +137,7 @@ img,video{ width: 100%; display: block;}
     /* right: 0.001rem; */
     left: -0.6rem;
     background-color: rgb(18, 18, 18);
-    min-width: 90%;
+    /* min-width: 90%; */
     border-radius: 4px;
     box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
     padding: 0.19rem 0.16rem;

public/css/mobile.css

@@ -124,7 +124,7 @@ img{ width: 100%; display: block;}
     color: white;
     font-size: 12px;
     border-radius: 50px;
-    line-height: 4vh;
+    line-height: 3vh;
     background: #0c0000;
     text-align: center;
     margin-top: 0.3vh;

src/views/layout/Header.vue

@@ -70,13 +70,13 @@ export default {
   height: 7vw;
 }
 .header-login {
-  width: 9rem;
-  margin-top: 0.2vh;
+  width: 36vw;
+  margin-top: 0.15vh;
   border-radius: 50px;
   line-height: 4vh;
   background: rgb(12, 0, 0);
   text-align: center;
-  font-size: 0.6vw;
+  font-size: 0.6rem;
   height: 4vh;
   font-family: 'BigJohn';
   margin-right: 1.5vw;
@@ -86,14 +86,16 @@ export default {
 
 .dropdown-content {
   top: 4.2vh;
-  width: 36vw;
+  width: 34vw;
   position: absolute;
   font-family: 'OPPOSans';
   font-weight: normal;
-  background-color: rgb(18, 18, 18);
+  background-color: rgba(18, 18, 18,0.6);
   border-radius: 4px;
   box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
-  // padding: 12px 16px;
+  // padding: 12px 16px; 
+  padding-left: 0.4rem;
+  padding-right: 0.4rem;
   z-index: 1;
 }
 
@@ -101,30 +103,31 @@ export default {
 .dropdown-content a {
   text-decoration: none;
   padding: 0.2vw 0.3vw;
-  font-size: 1.4vw;
+  font-size: 0.58rem;
   border-radius: 13px;
   display: block;
   text-align: center;
   font-family: 'BigJohn';
   background: linear-gradient(90deg, #714f34, #f5c384);
-  margin-top: 0.2rem;
+  margin-top: 0.4rem;
   color: #fff;
 }
 @media (min-width: 1024px) {
-  .header{
-    height: 74px;
-  }
-  .dropdown-content {
-    width: 300px;
-    right: 0;
-    top: 53px;
-  }
-  .dropdown-content a{
-    margin-bottom: 20px;;
-  }
+  // .header{
+  //   height: 74px;
+  // }
+  // .dropdown-content {
+  //   width: 300px;
+  //   right: 0;
+  //   top: 53px;
+  // }
+  // .dropdown-content a{
+  //   margin-bottom: 20px;;
+  // }
   .imgs{
-    width: 64px;
-    height: 64px;;
+    width: 2.2rem;
+    height: 2.2rem;
+    // height: 64px;;
   }
 }
 </style>

src/views/mobile/RankingList.vue

@@ -387,7 +387,6 @@ export default {
     font-family: 'OPPOSans';
     font-weight: normal;
     color: #ffffff;
-    // background: linear-gradient(171deg, #775437, #f2c082);
     border-radius: 33px;
   }
 }