liushengqiang 1 рік тому
батько
коміт
1c60290b26

+ 19 - 4
src/views/student-manage/detail/index.module.less

@@ -109,7 +109,6 @@
     width: calc(100vw - 60px);
     border-radius: 12px;
     background: #fff;
-
 }
 
 .quitTitle {
@@ -117,21 +116,37 @@
     font-weight: 600;
     line-height: 25px;
     text-align: center;
-    padding: 20px;
+    padding: 18px 20px 8px 20px;
 }
 
 .quitDes {
-    font-size: 16px;
+    font-size: 15px;
     line-height: 26px;
     padding: 10px 20px;
 }
-
+.divider{
+    margin: 0 20px;
+}
 .quitLabel {
     font-size: 14px;
     color: #777777;
     line-height: 26px;
     padding: 10px 20px 0 20px;
 }
+.reasonBox{
+    padding: 10px;
+    background: rgba(246, 246, 246, 1);
+    border-radius: 6px;
+    :global{
+        .van-field__control{
+            font-size: 15px;
+        }
+    }
+}
+.quitReason{
+    font-size: 15px;
+    font-weight: bold;
+}
 
 .optionBox {
     padding: 0 20px;

+ 5 - 3
src/views/student-manage/detail/index.tsx

@@ -10,6 +10,7 @@ import {
   CellGroup,
   Checkbox,
   CheckboxGroup,
+  Divider,
   Field,
   Grid,
   GridItem,
@@ -292,7 +293,7 @@ export default defineComponent({
                   if (detailData.student.inGroupStatus === 'OUT') return;
                   detailData.gradeShow = true;
                 }}>
-                {detailData.student.currentGrade}年级
+                {detailData.student.currentGrade}
                 {detailData.student.currentClass}
                 {detailData.student.inGroupStatus !== 'OUT' && (
                   <Image class={styles.iconPen} src={icon_pen} />
@@ -457,12 +458,13 @@ export default defineComponent({
               <span style={{ color: '#FF5A56' }}>{quitName.value}</span>
               中退团吗?
             </div>
-            <div style={{ color: '#333' }} class={styles.quitLabel}>
+            <Divider class={styles.divider} />
+            <div style={{ color: '#333' }} class={[styles.quitLabel, styles.quitReason]}>
               <span style={{ color: '#FF5A56' }}>*</span>退团原因:
             </div>
             <div class={styles.quitLabel}>
               <Field
-                style={{ padding: 0 }}
+                class={styles.reasonBox}
                 v-model={detailData.reason}
                 type="textarea"
                 rows={3}