修改样式

src/school/approval-manage/batch-adjust.tsx

@@ -214,7 +214,7 @@ export default defineComponent({
         </CellGroup>
 
         <OSticky position="bottom">
-          <div class={['btnGroup btnMore']} style={{ marginTop: '20px' }}>
+          <div class={['btnGroup btnMore']}>
             <Button
               color="#ccc"
               round

src/school/train-planning/component/practice/index.tsx

@@ -125,7 +125,7 @@ export default defineComponent({
       <div
         class={styles.practice}
         style={{
-          minHeight: 'calc(100vh - var(--header-height) - var(--van-tabs-line-height))',
+          minHeight: 'calc(100vh - var(--header-height) ',
           overflow: 'hidden'
         }}
       >
@@ -240,7 +240,7 @@ export default defineComponent({
         </CellGroup>
 
         <OSticky position="bottom" class={styles.informationBottom}>
-          <div class={'btnGroup'} style={{ marginTop: '24px' }}>
+          <div class={'btnGroup'}>
             <Button type="primary" block round onClick={onSubmit}>
               下一步
             </Button>

src/school/train-planning/index.tsx

@@ -36,7 +36,6 @@ export default defineComponent({
         <OSticky
           position="top"
           onGetHeight={(height: any) => {
-            console.log(height, 'height')
             heightV.value = height
             document.documentElement.style.setProperty('--header-height', height + 'px')
           }}

src/school/train-planning/modal/practice-class/index.module.less

@@ -3,6 +3,7 @@
   font-size: 14px;
   font-weight: 600;
   color: #333333;
+
   .bandName {
     display: inline-block;
     max-width: 180px;
@@ -18,15 +19,18 @@
     font-size: 26px;
     font-weight: bold;
     color: #333;
+
     i {
       font-style: normal;
       font-size: 12px;
       color: #333333;
     }
   }
+
   .red {
     color: #f67146;
   }
+
   .name {
     padding-top: 8px;
     font-size: 12px;
@@ -42,6 +46,7 @@
     border-radius: 50%;
     overflow: hidden;
   }
+
   .teacherName {
     display: flex;
     align-items: center;
@@ -49,6 +54,7 @@
     .maxWidth {
       max-width: 120px;
     }
+
     .name {
       padding-top: 0;
 
@@ -57,16 +63,24 @@
       color: #333333;
       line-height: 22px;
     }
+
     :global {
       .van-tag {
         margin-left: 6px;
+        max-width: 100px;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        white-space: nowrap;
+        display: inline-block;
       }
     }
   }
+
   .classCheckbox {
     display: flex;
     justify-content: flex-end;
   }
+
   .orchestraName {
     padding-top: 3px;
     font-size: 12px;
@@ -74,6 +88,7 @@
     line-height: 17px;
     max-width: 200px;
   }
+
   .title {
     font-size: 24px;
   }
@@ -84,6 +99,7 @@
     font-weight: 500;
     color: #333333;
     line-height: 22px;
+
     .line {
       display: inline-block;
       width: 4px;