样式

src/views/mobile/activityApply/list.vue

@@ -463,7 +463,7 @@
                     <div class="wechat">
                         <img :src="freePublish.contactImg" alt="">
                     </div>
-                    <p>如果您的手机长按不识别二维码，请保存图片到手机相册</p>
+                    <p>如果您的手机长按不识别二维码<br/>请保存图片到手机相册</p>
                 </div>
                 <p @click="showWechatCode = false"><i class="iconfont icon-shanchuguanbicha"></i></p>
             </div>
@@ -1345,7 +1345,7 @@
         }
         .liveActivityItem {
             display: flex;
-            padding: .25rem;
+            padding: .2rem;
             > div {
                 flex: 1;
                 border-radius: .12rem;
@@ -1385,6 +1385,9 @@
         display: flex;
         align-items: center;
         justify-content: space-around;
+        i:before{
+            font-size: .2rem;
+        }
         &::after {
             content: "";
             position: absolute;
@@ -1658,6 +1661,7 @@
             color: #7A7A7A;
             i {
                 margin-left: .1rem;
+                margin-top: -.1rem;
             }
             i:before {
                 color: #7A7A7A;
@@ -1709,6 +1713,7 @@
             display: flex;
             flex-wrap: wrap;
             padding-left: .25rem;
+            padding-bottom: .15rem;
             > div {
                 width: 30.5%;
                 height: 1rem;
@@ -1735,7 +1740,20 @@
                 padding-top: .3rem;
                 width: 100%;
                 display: flex;
-                border-top: 1px solid #E8E8E8;
+                position: relative;
+                &::after {
+                    content: "";
+                    position: absolute;
+                    top: 0;
+                    left: 0;
+                    right: 0;
+                    border-top: 1px solid #E9EAF3;
+                    -webkit-transform: scaleY(0.5);
+                    transform: scaleY(0.5);
+                    -webkit-transform-origin: 0 0;
+                    transform-origin: 0 0;
+
+                }
                 .leftInfo {
                     width: 1.8rem;
                     height: 1.25rem;
@@ -1752,13 +1770,13 @@
                     display: flex;
                     flex-wrap: wrap;
                     flex-direction: column;
-                    justify-content: space-between;
                     width: calc(100% - 2rem);
                     .topicTitle {
                         width: 100%;
                         max-height: .5rem;
                         display: flex;
                         align-items: center;
+                        padding-bottom: .1rem;
                         .articleTitle {
                             font-size: .28rem;
                             font-weight: bold;
@@ -1768,6 +1786,7 @@
                             overflow: hidden;
                             text-overflow: ellipsis;
                             white-space: nowrap;
+                            color: #1A1A1E;
                         }
                         .hongbao {
                             padding-left: .1rem;
@@ -1780,6 +1799,7 @@
                     .introTitle {
                         color: #7A7A7A;
                         font-size: .22rem;
+                        line-height: .4rem;
                     }
                 }
             }
@@ -1886,7 +1906,7 @@
 
     .qrcodeWrap {
         width: 330px;
-        height: 330px;
+        min-height: 330px;
         background-color: #fff;
         padding: .2rem;
         border-radius: .1rem;
@@ -1902,12 +1922,18 @@
         > p:first-of-type {
             color: #1A1A1E;
             font-size: .3rem;
-            padding-top: .4rem;
-            padding-bottom: .2rem;
+            text-align: center;
+            padding: .2rem .3rem;
+            line-height: .5rem;
+            padding-bottom: .3rem;
         }
         > p:last-of-type {
             color: #7A7A7A;
             font-size: .28rem;
+            text-align: center;
+            padding-top: .3rem;
+            padding-bottom: .3rem;
+            line-height: .5rem;
         }
         .wechat {
             width: 175px;