修改样式

pages/appeal/appeal_detail.vue

@@ -1,9 +1,11 @@
 <template>
   <div class="content">
     <div class="appealMsg">
-      <div class="title">诉求内容：</div>
-      <div class="msg">
-        5月13日晚在周公大道周陵中心幼儿团北侧200米（A区5排第二家）酒店订房间，夜间拉土车作业声音很大，建议有关部门可以将拉土车运营时间调整一下。或者为拉土车规划路线，避免在居民区及酒店宾馆临近路段行驶。
+      <div class="msg_content">
+        <div class="title">诉求内容：</div>
+        <div class="msg">
+          5月13日晚在周公大道周陵中心幼儿团北侧200米（A区5排第二家）酒店订房间，夜间拉土车作业声音很大，建议有关部门可以将拉土车运营时间调整一下。或者为拉土车规划路线，避免在居民区及酒店宾馆临近路段行驶。
+        </div>
       </div>
       <div class="info">
         <div class="flex">
@@ -21,10 +23,11 @@
     </div>
     <div class="one"></div>
     <div class="appealState">
-      <div class="title">处理进度：</div>
-      <div class="msg">
-        {{ info.state }}
-      </div>
+      <div class="msg_content">
+        <div class="title">处理进度：</div>
+        <div class="msg">
+            {{ info.state }}
+        </div>
     </div>
   </div>
 </template>
@@ -51,8 +54,9 @@ export default {
   display: flex;
 }
 .title {
-  padding-left: 5%;
   font-weight: bolder;
+  padding-bottom: 3%;
+  font-size: 30rpx;
 }
 .name,
 .phone,
@@ -63,9 +67,10 @@ export default {
   padding-left: 5%;
   padding-top: 1%;
   padding-bottom: 1%;
+  font-size: 25rpx;
 }
 .content {
-  padding: 3% 0;
+  padding: 2% 0;
   .one {
     height: 20rpx;
     margin: 3% 4%;
@@ -80,25 +85,33 @@ export default {
     background-repeat: repeat-x;
   }
   .appealMsg {
-    .msg {
+    .msg_content {
       padding: 5%;
       margin: 1%;
+      margin-bottom: 6%;
       border: 1px solid rgb(233, 229, 229);
       border-radius: 20rpx;
-      text-indent: 2em;
-      line-height: 50rpx;
-      letter-spacing: 2rpx;
+      .msg {
+        text-indent: 2em;
+        line-height: 50rpx;
+        letter-spacing: 2rpx;
+        font-size: 25rpx;
+      }
     }
   }
   .appealState {
-    .msg {
+    .msg_content {
       padding: 5%;
       margin: 1%;
+      margin-bottom: 6%;
       border: 1px solid rgb(233, 229, 229);
       border-radius: 20rpx;
-      text-indent: 2em;
-      line-height: 50rpx;
-      letter-spacing: 2rpx;
+      .msg {
+        text-indent: 2em;
+        line-height: 50rpx;
+        letter-spacing: 2rpx;
+        font-size: 25rpx;
+      }
     }
   }
 }