【修改】 报名页面会议内容

src/views/signUp/SignUpEntrance.vue

@@ -49,13 +49,15 @@
               <label>召开时间：</label>
               <span>{{ holdtime }}</span>
             </a-col>
-            <a-col :span="12">
+          </a-row>
-              <label>会议内容：</label>
+          <a-row :gutter="24" >
+            <a-col :span="24" class="flex-col">
+              <label style="flex-shrink: 0">会议内容：</label>
               <span class="word-beak">{{ currentMeetingInfo.meetingContent }}</span>
             </a-col>
           </a-row>
           <a-row :gutter="24">
-            <a-col :span="12">
+            <a-col :span="24" class="flex-col">
               <label>备注：</label>
               <span class="word-beak"> {{ currentMeetingInfo.remark }}</span>
             </a-col>
@@ -255,6 +257,12 @@ export default {
 </script>
 
 <style scoped lang="less">
+.flex-col {
+  display: flex;
+  label {
+    flex-shrink: 0;
+  }
+}
 .header {
   text-align: center;
   position: relative;

src/views/signUp/SignUpPage.vue

@@ -59,16 +59,12 @@
               <label>召开时间：</label>
               <span>{{ holdtime }}</span>
             </a-col>
-            <a-col :span="12">
-              <label>会议内容：</label>
-              <span class="word-beak">{{ currentMeetingInfo.meetingContent }}</span>
-            </a-col>
-          </a-row>
-          <a-row :gutter="24">
             <a-col :span="12">
               <label>报名截止时间：</label>
               <span>{{ currentMeetingInfo.registerDeadline }}</span>
             </a-col>
+          </a-row>
+          <a-row :gutter="24">
             <a-col :span="12" style="display: flex">
               <label>会议通知：</label>
               <preview-file :file-id="currentMeetingInfo.meetingFiles"
@@ -80,8 +76,14 @@
             <j-image-upload :return-id="true" v-if="currentMeetingInfo.paymentQrCode"
                             v-model="currentMeetingInfo.paymentQrCode" disabled></j-image-upload>
           </a-row>
+          <a-row :gutter="24">
+            <a-col :span="24" class="flex-col">
+              <label>会议内容：</label>
+              <span class="word-beak">{{ currentMeetingInfo.meetingContent }}</span>
+            </a-col>
+          </a-row>
           <a-row>
-            <a-col :span="24">
+            <a-col :span="24" class="flex-col">
               <label>备注：</label>
               <span class="word-beak">{{ currentMeetingInfo.remark }}</span>
             </a-col>
@@ -849,4 +851,11 @@ export default {
 .word-beak {
   word-break: break-all;
 }
+
+.flex-col {
+  display: flex;
+  label {
+    flex-shrink: 0;
+  }
+}
 </style>