#3690 C1100 学生端--移动端页面布局优化

TEAMModelOS/ClientApp/src/components/student-web/ClassRecord/RecordView.less

@@ -162,6 +162,7 @@
                     padding: 10px 15px;
                     padding-bottom: 0;
                     // border-right: 1px #ccc dashed;
+                    width: 200px;
 
                     img {
                         margin-top: 5px;
@@ -543,11 +544,21 @@
 }
 
 @media screen and (max-width: 574px) {
-    .record-view .record-view-right .record-content {
-        display: block;
-        .record-left,
-        .record-right {
-            width: 100%;
+    .record-view .record-view-right {
+        .record-content {
+            display: block;
+            .record-left,
+            .record-right {
+                width: 100%;
+            }
+        }
+
+        .message-area .message-box{ 
+            display: block;
+
+            .message-record{
+                width: 100%;
+            }
         }
     }
 }

TEAMModelOS/ClientApp/src/components/student-web/ClassRecord/RecordView.vue

@@ -1005,6 +1005,7 @@ export default {
         color: #515a6e;
         background-color: #FEE49E;
         border-color: #FEE49E;
+        margin-bottom: 10px;
 
         &:not(:last-child) {
             margin-right: 15px;