替换rem

src/pages/message/AllMessage.vue

@@ -229,14 +229,14 @@ export default {
   top: 0;
   overflow: auto;
   color: white;
-  font-size: 1.4rem;
+  font-size: 14rem;
 
   .center {
     display: flex;
     align-items: center;
 
     img {
-      width: 1.5rem;
+      width: 15rem;
       transform: rotate(180deg);
       transition: all .3s;
     }
@@ -257,7 +257,7 @@ export default {
       background: @main-bg;
 
       img {
-        width: 1.6rem;
+        width: 16rem;
       }
     }
 
@@ -280,11 +280,11 @@ export default {
 
     .messages {
       .message {
-        margin-bottom: 2rem;
+        margin-bottom: 20rem;
         display: flex;
 
         &:first-child {
-          margin-top: 2rem;
+          margin-top: 20rem;
         }
 
         .left {
@@ -293,21 +293,21 @@ export default {
           position: relative;
 
           .avatar {
-            width: 4.8rem;
+            width: 48rem;
             border-radius: 50%;
           }
 
           .type {
             position: absolute;
             right: 0;
-            bottom: 1rem;
-            width: 1.7rem;
-            padding: .25rem;
+            bottom: 10rem;
+            width: 17rem;
+            padding: 2.5rem;
             border-radius: 50%;
             background: black;
           }
 
-          margin-right: 1rem;
+          margin-right: 10rem;
         }
 
         .right {
@@ -321,70 +321,70 @@ export default {
             justify-content: space-between;
 
             .top {
-              //margin-bottom: 1rem;
+              //margin-bottom: 10rem;
               display: flex;
               align-items: center;
 
               .tag {
                 color: @second-text-color;
-                padding: .1rem .4rem;
-                margin-left: 1rem;
-                border-radius: .2rem;
+                padding: 1rem 4rem;
+                margin-left: 10rem;
+                border-radius: 2rem;
                 background: @second-btn-color-tran;
-                font-size: 1rem;
+                font-size: 10rem;
               }
             }
 
             .bottom {
-              //margin-top: 1rem;
+              //margin-top: 10rem;
               display: flex;
               align-items: center;
-              font-size: 1.2rem;
+              font-size: 12rem;
               color: @second-text-color;
 
               .type {
-                margin-right: 1rem;
+                margin-right: 10rem;
               }
             }
           }
 
           .poster {
-            margin-left: 1rem;
-            width: 6.4rem;
-            height: 6.4rem;
+            margin-left: 10rem;
+            width: 64rem;
+            height: 64rem;
             object-fit: cover;
-            border-radius: .3rem;
+            border-radius: 3rem;
           }
         }
       }
 
       .look-all {
-        font-size: 1.2rem;
+        font-size: 12rem;
         color: @second-text-color;
         display: flex;
         justify-content: center;
         align-items: center;
 
         .close {
-          margin-left: 1rem;
+          margin-left: 10rem;
           transform: rotate(270deg) !important;
-          width: 1.2rem;
-          height: 1.2rem;
+          width: 12rem;
+          height: 12rem;
         }
       }
     }
 
 
     .title {
-      margin-top: 1.5rem;
-      margin-bottom: 1rem;
-      font-size: 1.2rem;
+      margin-top: 15rem;
+      margin-bottom: 10rem;
+      font-size: 12rem;
       display: flex;
       align-items: center;
 
       img {
-        margin-left: .5rem;
-        width: 1.3rem;
+        margin-left: 5rem;
+        width: 13rem;
       }
     }
   }

src/pages/message/Fans.vue

@@ -102,7 +102,7 @@ export default {
   top: 0;
   overflow: auto;
   color: white;
-  font-size: 1.4rem;
+  font-size: 14rem;
 
   .content {
     padding: @padding-page;
@@ -117,15 +117,15 @@ export default {
     }
 
     .title {
-      margin-top: 1.5rem;
-      margin-bottom: 1rem;
-      font-size: 1.2rem;
+      margin-top: 15rem;
+      margin-bottom: 10rem;
+      font-size: 12rem;
       display: flex;
       align-items: center;
 
       img {
-        margin-left: .5rem;
-        width: 1.3rem;
+        margin-left: 5rem;
+        width: 13rem;
       }
     }
   }

src/pages/message/JoinedGroupChat.vue

@@ -97,10 +97,10 @@ export default {
   top: 0;
   overflow: auto;
   color: white;
-  font-size: 1.4rem;
+  font-size: 14rem;
 
   .content {
-    padding-top: 6rem;
+    padding-top: 60rem;
   }
 
 
@@ -117,28 +117,28 @@ export default {
     .local-row {
       display: flex;
       align-items: center;
-      padding: 1rem 2rem;
+      padding: 10rem 20rem;
 
       &:active {
         background: rgb(35, 41, 58);
       }
 
       .check {
-        height: 2.2rem;
-        width: 2.2rem;
-        margin-right: 1.5rem;
+        height: 22rem;
+        width: 22rem;
+        margin-right: 15rem;
       }
 
       img {
-        height: 4.5rem;
-        width: 4.5rem;
+        height: 45rem;
+        width: 45rem;
         border-radius: 50%;
-        margin-right: 1.5rem;
+        margin-right: 15rem;
       }
 
       .desc {
         .num {
-          margin-left: .5rem;
+          margin-left: 5rem;
           color: @second-text-color;
         }
       }

src/pages/message/MoreSearch.vue

@@ -58,7 +58,7 @@ export default {
   top: 0;
   overflow: auto;
   color: white;
-  font-size: 1.4rem;
+  font-size: 14rem;
 
   .content {
     padding: @padding-page;

src/pages/message/RedPacketDetail.vue

@@ -50,11 +50,11 @@ export default {
   bottom: 0;
   top: 0;
   overflow: auto;
-  font-size: 1.4rem;
+  font-size: 14rem;
   background: white;
 
   .content {
-    padding-top: 6rem;
+    padding-top: 60rem;
 
     .wrapper {
       color: rgb(110, 87, 63);
@@ -63,32 +63,32 @@ export default {
       align-items: center;
 
       .avatar {
-        margin-top: 5.5rem;
-        width: 5.5rem;
+        margin-top: 55rem;
+        width: 55rem;
         border-radius: 50%;
-        margin-bottom: 2rem;
+        margin-bottom: 20rem;
       }
 
       .money {
         color: rgb(193, 135, 79);
-        font-size: 4rem;
+        font-size: 40rem;
         font-weight: bold;
-        margin-top: 2.5rem;
-        margin-bottom: 1rem;
+        margin-top: 25rem;
+        margin-bottom: 10rem;
       }
 
       .belong {
         font-weight: bold;
-        font-size: 1.3rem;
-        margin-bottom: 1rem;
+        font-size: 13rem;
+        margin-bottom: 10rem;
       }
 
       .notice {
-        font-size: 1.2rem;
+        font-size: 12rem;
       }
 
       .password {
-        font-size: 1.2rem;
+        font-size: 12rem;
         opacity: .6;
       }
     }

src/pages/message/SetRemark.vue

@@ -81,11 +81,11 @@ export default {
   }
 
   .content {
-    padding: 2rem;
-    padding-top: 7rem;
+    padding: 20rem;
+    padding-top: 70rem;
 
     .notice, .num {
-      font-size: 1.2rem;
+      font-size: 12rem;
       color: @second-text-color;
     }
 
@@ -96,9 +96,9 @@ export default {
       align-items: center;
 
       input {
-        margin: .5rem 0;
+        margin: 5rem 0;
         color: white;
-        height: 3rem;
+        height: 30rem;
         width: 100%;
         outline: none;
         border: none;
@@ -112,8 +112,8 @@ export default {
       .close {
         position: absolute;
         right: 0;
-        top: 1.5rem;
-        width: 1rem;
+        top: 15rem;
+        width: 10rem;
       }
     }
   }

src/pages/message/Share2Friend.vue

@@ -18,7 +18,7 @@
       </template>
     </BaseHeader>
     <div class="is-search"
-         :style="{ height : (selectFriends.length && searchResult.length) ? 'calc(100% - 27.2rem)' : 'calc(100% - 11.2rem)' }"
+         :style="{ height : (selectFriends.length && searchResult.length) ? 'calc(100% - 272rem)' : 'calc(100% - 112rem)' }"
          v-show="searchKey">
       <div class="list" v-if="searchResult.length">
         <div class="local-row" v-for="item of searchResult" @click="toggleSelect(item);searchKey = '';">
@@ -52,7 +52,7 @@
       </div>
     </div>
     <div ref="list"
-         :style="{ paddingBottom : selectFriends.length ? '16rem' : 0 }"
+         :style="{ paddingBottom : selectFriends.length ? '160rem' : 0 }"
          class="content"
          @scroll="scroll">
       <div class="list">
@@ -334,14 +334,14 @@ export default {
   top: 0;
   overflow: auto;
   color: white;
-  font-size: 1.4rem;
+  font-size: 14rem;
 
   .search {
     border-bottom: 1px solid #cccccc11;
-    font-size: 1.4rem;
+    font-size: 14rem;
     padding: 0;
     padding-left: @padding-page;
-    height: 5rem;
+    height: 50rem;
     border-radius: 2px;
     display: flex;
     align-items: center;
@@ -353,22 +353,22 @@ export default {
         overflow-x: auto;
 
         img {
-          height: 3rem;
-          width: 3rem;
-          margin-right: 1rem;
+          height: 30rem;
+          width: 30rem;
+          margin-right: 10rem;
           border-radius: 50%;
         }
       }
     }
 
     .search-icon {
-      height: 2rem;
-      width: 2rem;
-      margin: 0 1rem;
+      height: 20rem;
+      width: 20rem;
+      margin: 0 10rem;
     }
 
     input {
-      //margin-top: .4rem;
+      //margin-top: 4rem;
       color: white;
       height: 50%;
       width: 100%;
@@ -383,26 +383,26 @@ export default {
     }
 
     .clear {
-      height: 1.8rem;
-      width: 1.8rem;
-      margin-left: 1rem;
-      margin-right: 1rem;
+      height: 18rem;
+      width: 18rem;
+      margin-left: 10rem;
+      margin-right: 10rem;
     }
   }
 
   .indicator-ctn {
-    width: 2.5rem;
+    width: 25rem;
     height: 100vh;
     top: 0;
     position: fixed;
     z-index: 3;
-    right: 0.5rem;
+    right: 5rem;
     display: flex;
     align-items: center;
     justify-content: center;
 
     .indicator {
-      width: 2.5rem;
+      width: 25rem;
       display: flex;
       flex-direction: column;
       align-items: center;
@@ -411,23 +411,23 @@ export default {
       div {
         color: @second-text-color;
         //transition: all .3s;
-        font-size: 1rem;
-        padding: .1rem;
+        font-size: 10rem;
+        padding: 1rem;
       }
 
       .arrow {
-        padding: 0 0 .3rem 0;
+        padding: 0 0 3rem 0;
         width: 0;
         height: 0;
-        border: .5rem solid transparent;
-        border-bottom: 1rem solid @second-text-color;
+        border: 5rem solid transparent;
+        border-bottom: 10rem solid @second-text-color;
       }
     }
   }
 
   .content {
-    height: calc(100% - 11.2rem);
-    margin-top: 11.2rem;
+    height: calc(100% - 112rem);
+    margin-top: 112rem;
     box-sizing: border-box;
     width: 100%;
     overflow-y: scroll;
@@ -438,14 +438,14 @@ export default {
       bottom: 0;
       box-sizing: border-box;
       width: 100vw;
-      height: 16rem;
+      height: 160rem;
       background: @main-bg;
       display: flex;
       flex-direction: column;
       justify-content: space-between;
 
       .comment {
-        padding: 0 2rem;
+        padding: 0 20rem;
         display: flex;
         flex: 1;
 
@@ -458,26 +458,26 @@ export default {
         }
 
         .poster {
-          margin-left: 2rem;
-          height: 4rem;
-          width: 4rem;
+          margin-left: 20rem;
+          height: 40rem;
+          width: 40rem;
         }
       }
 
       .wrapper {
-        padding: 1rem;
+        padding: 10rem;
       }
 
       .create-chat {
-        margin: 1rem;
+        margin: 10rem;
         display: flex;
         align-items: center;
         color: @second-text-color;
 
         .check {
-          margin-right: 1rem;
-          width: 1.6rem;
-          height: 1.6rem;
+          margin-right: 10rem;
+          width: 16rem;
+          height: 16rem;
           //transform: scale(1.2);
         }
       }
@@ -490,20 +490,20 @@ export default {
 
   .hover {
     position: absolute;
-    right: 4rem;
-    top: 20rem;
+    right: 40rem;
+    top: 200rem;
     display: flex;
     align-items: center;
     justify-content: center;
 
     span {
       position: absolute;
-      margin-right: 1rem;
-      font-size: 1.8rem;
+      margin-right: 10rem;
+      font-size: 18rem;
     }
 
     img {
-      height: 5rem;
+      height: 50rem;
     }
   }
 
@@ -512,8 +512,8 @@ export default {
     position: fixed;
     z-index: 5;
     left: 0;
-    height: calc(100% - 11.2rem);
-    top: 11.2rem;
+    height: calc(100% - 112rem);
+    top: 112rem;
     box-sizing: border-box;
     width: 100%;
     overflow-y: scroll;
@@ -524,53 +524,53 @@ export default {
       align-items: center;
 
       img {
-        margin-top: 15rem;
-        height: 15rem;
+        margin-top: 150rem;
+        height: 150rem;
       }
 
       .n1 {
-        margin-top: 4rem;
-        font-size: 1.6rem;
+        margin-top: 40rem;
+        font-size: 16rem;
       }
 
       .n2 {
-        margin-top: 2rem;
-        font-size: 1.2rem;
+        margin-top: 20rem;
+        font-size: 12rem;
         color: @second-text-color;
       }
     }
   }
 
   .list {
-    //padding-right: 2.5rem;
+    //padding-right: 25rem;
 
     .title {
-      font-size: 1.2rem;
+      font-size: 12rem;
       color: @second-text-color;
-      padding: 1rem 2rem;
+      padding: 10rem 20rem;
     }
 
 
     .local-row {
       display: flex;
       align-items: center;
-      padding: 1rem 2rem;
+      padding: 10rem 20rem;
 
       &:active {
         background: rgb(35, 41, 58);
       }
 
       .check {
-        height: 2.2rem;
-        width: 2.2rem;
-        margin-right: 1.5rem;
+        height: 22rem;
+        width: 22rem;
+        margin-right: 15rem;
       }
 
       img {
-        height: 4.5rem;
-        width: 4.5rem;
+        height: 45rem;
+        width: 45rem;
         border-radius: 50%;
-        margin-right: 1.5rem;
+        margin-right: 15rem;
       }
 
       .desc {
@@ -582,8 +582,8 @@ export default {
         }
 
         .account {
-          margin-top: .5rem;
-          font-size: 1.2rem;
+          margin-top: 5rem;
+          font-size: 12rem;
           color: @second-text-color;
         }
       }

src/pages/message/Visitors.vue

@@ -44,7 +44,7 @@
         v-model="isShowSetting"
         mode="white"
         mask-mode="dark"
-        height="27rem"
+        height="270rem"
         :show-heng-gang="false"
     >
       <div class="setting-dialog">
@@ -139,7 +139,7 @@ export default {
   top: 0;
   overflow: auto;
   color: white;
-  font-size: 1.4rem;
+  font-size: 14rem;
 
   .content {
     padding: @padding-page;
@@ -150,7 +150,7 @@ export default {
     text-align: center;
 
     .header {
-      margin-top: 10rem;
+      margin-top: 100rem;
       display: flex;
       align-items: center;
       justify-content: center;
@@ -161,36 +161,36 @@ export default {
       }
 
       .icon1 {
-        left: -2rem;
-        bottom: 2rem;
+        left: -20rem;
+        bottom: 20rem;
         position: absolute;
-        width: 3rem;
+        width: 30rem;
       }
 
       .icon2 {
         z-index: 2;
         position: relative;
-        padding: .25rem;
+        padding: 2.5rem;
         background: black;
         border-radius: 50%;
-        width: 8rem;
+        width: 80rem;
       }
 
       .icon3 {
-        bottom: .5rem;
-        right: -3rem;
+        bottom: 5rem;
+        right: -30rem;
         z-index: 3;
         position: absolute;
-        padding: .2rem;
+        padding: 2rem;
         background: black;
         border-radius: 50%;
-        width: 4rem;
+        width: 40rem;
       }
     }
 
     .title {
-      margin-top: 3rem;
-      font-size: 1.6rem;
+      margin-top: 30rem;
+      font-size: 16rem;
       font-weight: bold;
     }
 
@@ -225,8 +225,8 @@ export default {
 
     .header {
       padding: @padding-page;
-      padding-top: 3rem;
-      padding-bottom: 2rem;
+      padding-top: 30rem;
+      padding-bottom: 20rem;
       display: flex;
       align-items: center;
       justify-content: center;
@@ -235,17 +235,17 @@ export default {
         position: relative;
 
         .icon {
-          width: 6.4rem;
+          width: 64rem;
         }
 
         .remove {
           bottom: 0;
           right: 0;
           position: absolute;
-          padding: .2rem;
+          padding: 2rem;
           border-radius: 50%;
           background: white;
-          width: 2rem;
+          width: 20rem;
         }
       }
 
@@ -253,17 +253,17 @@ export default {
         top: @padding-page;
         right: @padding-page;
         position: absolute;
-        width: 2rem;
+        width: 20rem;
       }
     }
 
     .title {
-      font-size: 1.6rem;
+      font-size: 16rem;
     }
 
     .sub-title {
       padding: @padding-page;
-      font-size: 1.2rem;
+      font-size: 12rem;
       color: @second-text-color;
     }
 
@@ -275,7 +275,7 @@ export default {
     }
 
     .row {
-      margin-bottom: 1rem;
+      margin-bottom: 10rem;
 
       .left {
         color: black !important;

src/pages/message/components/BlockDialog.vue

@@ -51,15 +51,15 @@ export default {
 
   .notice {
     color: @second-text-color;
-    font-size: 1.2rem;
-    height: 4rem;
+    font-size: 12rem;
+    height: 40rem;
     display: flex;
     justify-content: center;
     align-items: center;
   }
 
   .row {
-    height: 5rem;
+    height: 50rem;
     display: flex;
     justify-content: center;
     align-items: center;
@@ -75,7 +75,7 @@ export default {
   }
 
   .space {
-    height: 1rem;
+    height: 10rem;
     background: whitesmoke;
   }
 }

src/pages/message/components/ChatMessage.vue

@@ -167,8 +167,8 @@ export default {
 @import "../../../assets/less/index";
 
 .ChatMessage {
-  padding: 0 1rem;
-  margin-bottom: 2rem;
+  padding: 0 10rem;
+  margin-bottom: 20rem;
   display: flex;
   //@chat-bg-color: dodgerblue;
   @chat-bg-right-color: rgb(72, 116, 230);
@@ -178,13 +178,13 @@ export default {
     justify-content: flex-end;
 
     .avatar {
-      margin-left: 1rem;
-      height: 3.6rem;
+      margin-left: 10rem;
+      height: 36rem;
       border-radius: 50%;
     }
 
     .audio-icon {
-      margin-left: 5rem;
+      margin-left: 50rem;
     }
 
     .chat-text, .call, .audio {
@@ -196,13 +196,13 @@ export default {
     justify-content: flex-start;
 
     .avatar {
-      margin-right: 1rem;
-      height: 3.6rem;
+      margin-right: 10rem;
+      height: 36rem;
       border-radius: 50%;
     }
 
     .audio-icon {
-      margin-right: 5rem;
+      margin-right: 50rem;
     }
 
     .chat-text, .call, .audio {
@@ -210,7 +210,7 @@ export default {
     }
   }
 
-  @border-radius: 1rem;
+  @border-radius: 10rem;
 
   .chat-wrapper {
   }
@@ -219,9 +219,9 @@ export default {
     width: 100%;
     color: @second-text-color;
     text-align: center;
-    height: 4rem;
-    line-height: 4rem;
-    font-size: 1.2rem;
+    height: 40rem;
+    line-height: 40rem;
+    font-size: 12rem;
   }
 
   .red_packet {
@@ -239,30 +239,30 @@ export default {
     }
 
     .top {
-      padding: 1rem;
+      padding: 10rem;
       display: flex;
       align-items: center;
       border-bottom: 1px solid rgb(253, 124, 81);
 
       img {
-        border-radius: .3rem;
-        height: 3.8rem;
-        margin-right: 1rem;
+        border-radius: 3rem;
+        height: 38rem;
+        margin-right: 10rem;
       }
 
       .title {
-        font-size: 1.4rem;
+        font-size: 14rem;
       }
 
       .state {
-        font-size: 1.2rem;
+        font-size: 12rem;
         color: rgba(255, 231, 206, .8);
       }
     }
 
     .bottom {
-      font-size: 1.2rem;
-      padding: .5rem 1rem 1rem 1rem;
+      font-size: 12rem;
+      padding: 5rem 10rem 10rem 10rem;
     }
   }
 
@@ -283,19 +283,19 @@ export default {
   }
 
   .call {
-    padding: 1rem;
+    padding: 10rem;
     border-radius: @border-radius;
     display: flex;
     align-items: center;
-    font-size: 1.4rem;
+    font-size: 14rem;
 
     .resolve {
       display: flex;
       align-items: center;
 
       .icon {
-        margin-right: 1rem;
-        width: 2rem;
+        margin-right: 10rem;
+        width: 20rem;
       }
     }
 
@@ -304,22 +304,22 @@ export default {
       align-items: center;
 
       .icon {
-        padding: .6rem;
+        padding: 60rem;
         border-radius: 50%;
         background: rgba(27, 100, 172, 0.8);
-        margin-right: 1rem;
-        width: 1.8rem;
+        margin-right: 10rem;
+        width: 18rem;
       }
 
       .notice {
-        font-size: 1.3rem;
+        font-size: 13rem;
         display: flex;
         flex-direction: column;
         color: #dedede;
 
         .state {
-          margin-bottom: .2rem;
-          font-size: 1.5rem;
+          margin-bottom: 2rem;
+          font-size: 15rem;
           color: white;
         }
       }
@@ -328,17 +328,17 @@ export default {
 
   .audio {
     max-width: 60vw;
-    padding: 1rem;
-    padding-right: 1.5rem;
+    padding: 10rem;
+    padding-right: 15rem;
     border-radius: @border-radius;
     display: flex;
     align-items: center;
     justify-content: space-between;
-    font-size: 1.4rem;
+    font-size: 14rem;
 
     .audio-icon {
-      width: 1.5rem;
-      height: 1.5rem;
+      width: 15rem;
+      height: 15rem;
     }
   }
 
@@ -350,21 +350,21 @@ export default {
       top: 50%;
       left: 50%;
       transform: translateY(-50%) translateX(-50%);;
-      width: 2.4rem;
+      width: 24rem;
     }
 
     .title {
       position: absolute;
-      font-size: 1.6rem;
-      bottom: 3.5rem;
-      width: calc(100% - 2rem);
+      font-size: 16rem;
+      bottom: 35rem;
+      width: calc(100% - 20rem);
       word-break: break-word;
       display: -webkit-box;
       -webkit-line-clamp: 3;
       -webkit-box-orient: vertical;
       overflow: hidden;
       text-overflow: ellipsis;
-      left: 1rem;
+      left: 10rem;
     }
 
     .poster {
@@ -374,16 +374,16 @@ export default {
     }
 
     .author {
-      width: calc(100% - 2rem);
-      left: 1rem;
+      width: calc(100% - 20rem);
+      left: 10rem;
       position: absolute;
-      bottom: 1rem;
+      bottom: 10rem;
       display: flex;
       align-items: center;
 
       .video-avatar {
-        margin-right: .5rem;
-        height: 1.6rem;
+        margin-right: 5rem;
+        height: 16rem;
         border-radius: 50%;
       }
 
@@ -399,20 +399,20 @@ export default {
   .chat-text {
     border-radius: @border-radius;
     max-width: 60vw;
-    padding: 1rem;
+    padding: 10rem;
     display: flex;
     align-items: center;
-    font-size: 1.4rem;
+    font-size: 14rem;
   }
 
   .loves {
-    margin-top: 1rem;
+    margin-top: 10rem;
 
     img {
-      width: 1.6rem;
-      height: 1.6rem;
+      width: 16rem;
+      height: 16rem;
       border-radius: 50%;
-      margin-right: .5rem;
+      margin-right: 5rem;
     }
   }
 }

src/pages/message/notice/DouyinHelper.vue

@@ -113,7 +113,7 @@ export default {
   top: 0;
   overflow: auto;
   color: white;
-  font-size: 1.4rem;
+  font-size: 14rem;
 
   .scroll {
     height: calc(100vh - @header-height);
@@ -129,24 +129,24 @@ export default {
       .item {
         padding: @padding-page;
         background: @second-btn-color-tran;
-        border-radius: .5rem;
-        margin-bottom: 2rem;
+        border-radius: 5rem;
+        margin-bottom: 20rem;
 
         .title {
           display: flex;
           align-items: center;
-          font-size: 1.6rem;
-          margin-bottom: 1rem;
+          font-size: 16rem;
+          margin-bottom: 10rem;
         }
 
         .time {
-          font-size: 1.2rem;
+          font-size: 12rem;
           color: @second-text-color;
-          margin-bottom: 2rem;
+          margin-bottom: 20rem;
         }
 
         .content-text {
-          margin-bottom: 3rem;
+          margin-bottom: 30rem;
         }
 
         .look-detail {

src/pages/message/notice/LiveNotice.vue

@@ -89,7 +89,7 @@ export default {
   bottom: 0;
   top: 0;
   color: white;
-  font-size: 1.4rem;
+  font-size: 14rem;
 
   .scroll {
     height: calc(100vh - @header-height);
@@ -106,32 +106,32 @@ export default {
       .item {
         padding: @padding-page;
         background: @second-btn-color-tran;
-        border-radius: .5rem;
-        margin-bottom: 2rem;
+        border-radius: 5rem;
+        margin-bottom: 20rem;
 
 
         .title {
           display: flex;
           align-items: center;
-          font-size: 1.6rem;
-          margin-bottom: 1rem;
+          font-size: 16rem;
+          margin-bottom: 10rem;
         }
 
         .time {
-          font-size: 1.2rem;
+          font-size: 12rem;
           color: @second-text-color;
-          margin-bottom: 2rem;
+          margin-bottom: 20rem;
         }
 
         .content-text {
-          margin-bottom: 2rem;
+          margin-bottom: 20rem;
         }
       }
     }
 
     .footer {
       border-top: 1px solid @line-color;
-      height: 6rem;
+      height: 60rem;
       display: flex;
       align-items: center;
       justify-content: center;

src/pages/message/notice/MoneyNotice.vue

@@ -56,7 +56,7 @@
         mask-mode="dark"
         :show-heng-gang="false"
         v-model="isShowSetting"
-        height="16rem"
+        height="160rem"
     >
       <div class="setting-dialog">
         <div class="row disabled">钱包任务</div>
@@ -135,7 +135,7 @@ export default {
   bottom: 0;
   top: 0;
   color: white;
-  font-size: 1.4rem;
+  font-size: 14rem;
 
   .scroll {
     height: calc(100vh - @header-height);
@@ -152,8 +152,8 @@ export default {
       .item {
         padding: @padding-page;
         background: @second-btn-color-tran;
-        border-radius: .5rem;
-        margin-bottom: 2rem;
+        border-radius: 5rem;
+        margin-bottom: 20rem;
 
         .header {
           display: flex;
@@ -167,19 +167,19 @@ export default {
             align-items: center;
 
             img {
-              width: 2.5rem;
+              width: 25rem;
             }
           }
 
           .right {
-            margin-left: 1rem;
+            margin-left: 10rem;
             flex: 1;
             display: flex;
             align-items: center;
             justify-content: space-between;
 
             img {
-              width: 2rem;
+              width: 20rem;
             }
           }
         }
@@ -187,22 +187,22 @@ export default {
         .title {
           display: flex;
           align-items: center;
-          font-size: 1.6rem;
-          margin-bottom: 1rem;
+          font-size: 16rem;
+          margin-bottom: 10rem;
         }
 
         .time {
-          font-size: 1.2rem;
+          font-size: 12rem;
           color: @second-text-color;
-          margin-bottom: 2rem;
+          margin-bottom: 20rem;
         }
 
         .content-text {
-          margin-bottom: .3rem;
+          margin-bottom: 3rem;
         }
 
         .look-detail {
-          margin-top: 3rem;
+          margin-top: 30rem;
           border-top: 1px solid @line-color2;
           padding-top: @padding-page;
           color: @second-text-color;
@@ -218,7 +218,7 @@ export default {
 
     .row {
       color: black !important;
-      height: 5rem;
+      height: 50rem;
       display: flex;
       justify-content: center;
       align-items: center;
@@ -229,13 +229,13 @@ export default {
       }
 
       &.disabled {
-        font-size: 1.2rem;
+        font-size: 12rem;
         opacity: .5;
       }
     }
 
     .space {
-      height: 1rem;
+      height: 10rem;
       background: whitesmoke;
     }
   }

src/pages/message/notice/NoticeSetting.vue

@@ -123,10 +123,10 @@ export default {
   top: 0;
   overflow: auto;
   color: white;
-  font-size: 1.4rem;
+  font-size: 14rem;
 
   .content {
-    padding-top: 6rem;
+    padding-top: 60rem;
 
     .title {
       padding: @padding-page;
@@ -134,9 +134,9 @@ export default {
 
     .sub-title {
       padding: 0 @padding-page;
-      margin-bottom: 1rem;
+      margin-bottom: 10rem;
       color: @second-text-color;
-      font-size: 1.2rem;
+      font-size: 12rem;
     }
 
 

src/pages/message/notice/SystemNotice.vue

@@ -160,7 +160,7 @@ export default {
   bottom: 0;
   top: 0;
   color: white;
-  font-size: 1.4rem;
+  font-size: 14rem;
 
   .scroll {
     height: calc(100vh - @header-height - @header-height);
@@ -176,24 +176,24 @@ export default {
       .item {
         padding: @padding-page;
         background: @second-btn-color-tran;
-        border-radius: .5rem;
-        margin-bottom: 2rem;
+        border-radius: 5rem;
+        margin-bottom: 20rem;
 
         .title {
           display: flex;
           align-items: center;
-          font-size: 1.6rem;
-          margin-bottom: 1rem;
+          font-size: 16rem;
+          margin-bottom: 10rem;
         }
 
         .time {
-          font-size: 1.2rem;
+          font-size: 12rem;
           color: @second-text-color;
-          margin-bottom: 2rem;
+          margin-bottom: 20rem;
         }
 
         .content-text {
-          margin-bottom: 3rem;
+          margin-bottom: 30rem;
         }
 
         .look-detail {
@@ -211,7 +211,7 @@ export default {
 
     .options {
       border-top: 1px solid @line-color;
-      height: 6rem;
+      height: 60rem;
       display: flex;
       align-items: center;
 
@@ -227,9 +227,9 @@ export default {
         }
 
         img {
-          width: 1rem;
-          height: 1.5rem;
-          margin-right: .4rem;
+          width: 10rem;
+          height: 15rem;
+          margin-right: 4rem;
         }
       }
     }
@@ -237,10 +237,10 @@ export default {
     .hover-dialog {
       z-index: 9;
       position: fixed;
-      bottom: 8rem;
-      border-radius: .6rem;
+      bottom: 80rem;
+      border-radius: 6rem;
       background: rgba(0, 0, 0, 0.9);
-      font-size: 1.2rem;
+      font-size: 12rem;
 
       &.left {
         left: 0;
@@ -253,20 +253,20 @@ export default {
       .arrow {
         width: 0;
         height: 0;
-        border: .7rem solid transparent;
-        border-top: .7rem solid rgba(0, 0, 0, 0.9);
+        border: 7rem solid transparent;
+        border-top: 7rem solid rgba(0, 0, 0, 0.9);
         position: absolute;
-        right: 5rem;
-        bottom: -1.4rem;
+        right: 50rem;
+        bottom: -14rem;
       }
 
       .l-row {
-        width: 12rem;
-        height: 4rem;
+        width: 120rem;
+        height: 40rem;
         display: flex;
         align-items: center;
         justify-content: center;
-        //padding: 1rem 2.2rem;
+        //padding: 10rem 22rem;
         border-top: 1px solid #2c2c2c;
         text-align: center;
 

src/pages/message/notice/TaskNotice.vue

@@ -45,7 +45,7 @@
         mask-mode="dark"
         :show-heng-gang="false"
         v-model="isShowSetting"
-        height="16rem"
+        height="160rem"
     >
       <div class="setting-dialog">
         <div class="row disabled">成长任务</div>
@@ -142,7 +142,7 @@ export default {
   bottom: 0;
   top: 0;
   color: white;
-  font-size: 1.4rem;
+  font-size: 14rem;
 
   .scroll {
     height: calc(100vh - @header-height - @header-height);
@@ -159,8 +159,8 @@ export default {
       .item {
         padding: @padding-page;
         background: @second-btn-color-tran;
-        border-radius: .5rem;
-        margin-bottom: 2rem;
+        border-radius: 5rem;
+        margin-bottom: 20rem;
 
         .header {
           display: flex;
@@ -174,19 +174,19 @@ export default {
             align-items: center;
 
             img {
-              width: 2.5rem;
+              width: 25rem;
             }
           }
 
           .right {
-            margin-left: 1rem;
+            margin-left: 10rem;
             flex: 1;
             display: flex;
             align-items: center;
             justify-content: space-between;
 
             img {
-              width: 2rem;
+              width: 20rem;
             }
           }
         }
@@ -194,18 +194,18 @@ export default {
         .title {
           display: flex;
           align-items: center;
-          font-size: 1.6rem;
-          margin-bottom: 1rem;
+          font-size: 16rem;
+          margin-bottom: 10rem;
         }
 
         .time {
-          font-size: 1.2rem;
+          font-size: 12rem;
           color: @second-text-color;
-          margin-bottom: 2rem;
+          margin-bottom: 20rem;
         }
 
         .content-text {
-          margin-bottom: 3rem;
+          margin-bottom: 30rem;
         }
 
         .look-detail {
@@ -236,7 +236,7 @@ export default {
 
     .row {
       color: black !important;
-      height: 5rem;
+      height: 50rem;
       display: flex;
       justify-content: center;
       align-items: center;
@@ -247,13 +247,13 @@ export default {
       }
 
       &.disabled {
-        font-size: 1.2rem;
+        font-size: 12rem;
         opacity: .5;
       }
     }
 
     .space {
-      height: 1rem;
+      height: 10rem;
       background: whitesmoke;
     }
   }