修改样式

src/views/activity-record/detail.module.less

@@ -233,13 +233,23 @@
             .content {
               font-size: 14px;
               font-weight: 600;
-
               color: #131415;
 
-              span {
+              .name {
+                padding-right: 12px;
+                white-space: word-wrap;
+              }
+
+              .more {
                 color: #13a9ff;
-                margin-left: 12px;
                 white-space: nowrap;
+
+                :global {
+                  .van-icon {
+                    font-size: 12px;
+                    font-weight: bold;
+                  }
+                }
               }
             }
           }

src/views/activity-record/detail.tsx

@@ -15,7 +15,14 @@ import {
   Grid,
   GridItem
 } from 'vant';
-import { defineComponent, nextTick, onMounted, reactive, ref } from 'vue';
+import {
+  defineComponent,
+  nextTick,
+  onMounted,
+  onUnmounted,
+  reactive,
+  ref
+} from 'vue';
 import styles from './detail.module.less';
 import { browser, toChinesNum } from '@/helpers/utils';
 import SOLO from './images/SOLO.png';
@@ -166,12 +173,22 @@ export default defineComponent({
     };
 
     onMounted(() => {
+      postMessage({
+        api: 'setStatusBarTextColor',
+        content: { statusBarTextColor: true }
+      });
       // setTimeout(() => {
       //   // forms.headerLoading = false;
       //   // forms.detailLoading = false;
       // }, 1000);
       getDetail();
     });
+    onUnmounted(() => {
+      postMessage({
+        api: 'setStatusBarTextColor',
+        content: { statusBarTextColor: false }
+      });
+    });
     const imgs = reactive({
       saveLoading: false,
       image: null as any,
@@ -379,7 +396,6 @@ export default defineComponent({
           <div class={styles.wall}> </div>
           <Image src={jiemuIcon} class={styles.jiemuIcon}></Image>
           <div class={styles.typeCard}>
-            {' '}
             {activityStatus[forms.headerDetail.type]}
           </div>
           <SkeletionIndexModal
@@ -446,13 +462,14 @@ export default defineComponent({
                         表演乐团：
                       </Col>
                       <Col span={18} class={styles.content}>
-                        {item.musicGroupName}
+                        <span class={styles.name}>{item.musicGroupName}</span>
                         <span
+                          class={styles.more}
                           onClick={() => {
                             if (item.studentNum <= 0) return;
                             formatterStudentList(item.studentList);
                           }}>
-                          共{item.studentNum}名 <Icon name="arrow" />
+                          共{item.studentNum}名<Icon name="arrow" />
                         </span>
                       </Col>
                     </Row>