Bläddra i källkod

页面样式走查优化完

lex 2 år sedan
förälder
incheckning
31540b0230

BIN
src/common/images/icon-muit-message.png


+ 12 - 1
src/components/o-dialog/index.module.less

@@ -21,8 +21,19 @@
   :global {
     .van-dialog__message {
       font-size: 16px;
-      color: 333;
+      color: #333;
       line-height: 22px;
     }
+    .van-dialog__cancel,
+    .van-dialog__confirm {
+      font-weight: 500;
+      font-size: 18px;
+    }
+    .van-dialog__cancel {
+      color: #777777;
+    }
+    .van-dialog__confirm {
+      color: #f67146;
+    }
   }
 }

+ 1 - 1
src/components/o-dialog/index.tsx

@@ -39,7 +39,7 @@ export default defineComponent({
     }
   },
   emits: ['cancel', 'confirm', 'update:show'],
-  setup(props, { slots, attrs, emit }) {
+  setup(props, { emit }) {
     const state = reactive({
       show: props.show || false
     })

+ 0 - 1
src/components/o-header/index.tsx

@@ -126,7 +126,6 @@ export default defineComponent({
       this.$router.back()
     },
     clickRight() {
-      console.log('111')
       this.onClickRight && this.onClickRight()
     }
   },

+ 4 - 1
src/components/o-search/index.module.less

@@ -29,7 +29,10 @@
       display: flex;
     }
     .van-field__control {
-      font-size: 14px;
+      font-size: 13px;
+      &::placeholder {
+        color: #aaa;
+      }
     }
     .van-search__content {
       padding-left: 0;

+ 8 - 0
src/router/routes-common.ts

@@ -56,6 +56,14 @@ export const router: RouteRecordRaw[] = [
     ]
   },
   {
+    path: '/information-list',
+    name: 'information-list',
+    component: () => import('@/views/information'),
+    meta: {
+      title: '资讯列表'
+    }
+  },
+  {
     path: '/information-detail',
     name: 'information-detail',
     component: () => import('@/views/information/information-detail'),

+ 2 - 2
src/school/manage-teacher/manage-detail.module.less

@@ -66,8 +66,8 @@
   overflow: hidden;
 
   .functionImg {
-    width: 47px;
-    height: 47px;
+    width: 44px;
+    height: 44px;
   }
 
   .functionText {

+ 1 - 0
src/student/member-center/index.tsx

@@ -187,6 +187,7 @@ export default defineComponent({
           <Cell
             class={styles.userMember}
             labelClass={styles.timeRemaining}
+            center
             v-slots={{
               icon: () => (
                 <div class={styles.userImgSection}>

+ 5 - 0
src/student/music-group/pre-apply/order-detail.module.less

@@ -37,6 +37,9 @@
   align-items: center;
   justify-content: space-between;
   font-size: 14px;
+  padding-left: 12px;
+  padding-right: 12px;
+  padding-bottom: calc(20px + env(safe-area-inset-bottom));
   .needPrice {
     display: flex;
     align-items: center;
@@ -62,6 +65,8 @@
 
 .cellItem {
   padding: 15px 12px;
+  border-radius: 10px;
+  overflow: hidden;
   .img {
     width: 70px;
     height: 70px;

+ 2 - 1
src/student/my-orchestra/apply-withdrawal.module.less

@@ -9,6 +9,7 @@
 .userInfo {
   text-align: center;
   padding-top: 22px;
+  padding-bottom: 45px;
   .img {
     padding: 2px;
     background-color: #fff;
@@ -47,7 +48,7 @@
   margin: -18px 13px 12px;
   padding: 15px 18px;
   font-size: 14px;
-  color: #777777;
+  color: #333333;
   line-height: 22px;
   background: #ffffff;
   border-radius: 10px;

+ 7 - 13
src/student/my-orchestra/apply-withdrawal.tsx

@@ -2,11 +2,12 @@ import OHeader from '@/components/o-header'
 import { defineComponent, onMounted, reactive, ref } from 'vue'
 import iconStudent from '@common/images/icon_student.png'
 import styles from './apply-withdrawal.module.less'
-import { Button, Dialog, Field, Image, showToast } from 'vant'
+import { Button, Field, Image, showToast } from 'vant'
 import OSticky from '@/components/o-sticky'
 import { useRoute, useRouter } from 'vue-router'
 import request from '@/helpers/request'
-import { state } from '@/state'
+import { postMessage } from '@/helpers/native-message'
+import ODialog from '@/components/o-dialog'
 
 export default defineComponent({
   name: 'apply-withdrawal',
@@ -68,6 +69,7 @@ export default defineComponent({
     }
 
     onMounted(() => {
+      postMessage({ api: 'setStatusBarTextColor', content: { statusBarTextColor: true } })
       getDetails()
     })
     return () => (
@@ -115,24 +117,16 @@ export default defineComponent({
           </div>
         </OSticky>
 
-        <Dialog
+        <ODialog
           v-model:show={forms.status}
+          title="提示"
           message={'确定要提交退团申请吗?'}
           messageAlign="left"
           confirmButtonText="确定"
           cancelButtonText="取消"
           showCancelButton
           onConfirm={() => onConfirm()}
-        >
-          {{
-            title: () => (
-              <div class={styles.dialogTitle}>
-                <i></i>
-                提示
-              </div>
-            )
-          }}
-        </Dialog>
+        ></ODialog>
       </div>
     )
   }

+ 5 - 4
src/student/my-orchestra/index.module.less

@@ -85,8 +85,8 @@
 
   .gridClass {
     .img {
-      width: 40px;
-      height: 40px;
+      width: 24px;
+      height: 24px;
       margin-right: 12px;
       border-radius: 50%;
       overflow: hidden;
@@ -104,7 +104,8 @@
         }
       }
       .name {
-        font-size: 0.42667rem;
+        font-size: 16px;
+        color: #333;
         font-weight: 600;
         padding-top: 0;
         max-width: 120px;
@@ -189,7 +190,7 @@
   margin: 0 13px 24px;
   .item {
     position: relative;
-    padding-top: 12px;
+    padding-bottom: 12px;
     .more {
       display: inline-block;
       position: absolute;

+ 10 - 3
src/student/my-orchestra/index.tsx

@@ -4,7 +4,7 @@ import { defineComponent, onMounted, reactive } from 'vue'
 import { useRoute, useRouter } from 'vue-router'
 import styles from './index.module.less'
 import iconTeacher from '@common/images/icon_teacher.png'
-import iconMessage from '@common/images/icon-message.png'
+import iconMessage from '@common/images/icon-muit-message.png'
 import { postMessage } from '@/helpers/native-message'
 import iconPhoneDefaut from '@/school/orchestra/images/icon-photo-default.png'
 import iconChange from './images/icon_change.png'
@@ -178,16 +178,23 @@ export default defineComponent({
                       titleStyle={{ flex: '0 auto' }}
                       valueClass={styles.classCheckbox}
                       border={false}
+                      style={{ paddingBottom: '0' }}
                     >
                       {{
                         icon: () => (
-                          <Image src={item.teacherAvatar || iconTeacher} class={styles.img} />
+                          <Image
+                            src={item.teacherAvatar || iconTeacher}
+                            class={styles.img}
+                            fit="cover"
+                          />
                         ),
                         title: () => (
                           <div class={styles.content}>
                             <div class={styles.teacherName}>
                               <span class={[styles.name, 'van-ellipsis']}>{item.teacherName}</span>
-                              <Tag type="primary">{item.classGroupName}</Tag>
+                              <Tag type="primary" size="medium">
+                                {item.classGroupName}
+                              </Tag>
                             </div>
                           </div>
                         ),

+ 3 - 2
src/student/my-orchestra/photo-detail.tsx

@@ -69,11 +69,12 @@ export default defineComponent({
 
     onMounted(() => {
       getList()
+      document.title = (route.query.name as any) || ''
     })
 
     return () => (
       <div class={styles.phoneDetail}>
-        <OHeader title={(route.query.name as any) || ''}></OHeader>
+        {/* <OHeader title={(route.query.name as any) || ''}></OHeader> */}
 
         {state.listState.dataShow ? (
           <List
@@ -83,7 +84,7 @@ export default defineComponent({
             onLoad={getList}
             immediateCheck={false}
           >
-            <div class={styles.phoneContainer}>
+            <div class={styles.phoneContainer} style={{ paddingTop: '12px' }}>
               {state.list.map((item: any, index: number) => (
                 <div
                   class={[styles.item]}

+ 1 - 1
src/student/payment-result/index.tsx

@@ -112,7 +112,7 @@ export default defineComponent({
             <i></i> 购买详情
           </div>
           {state.goodsInfos.map((goods: any) => (
-            <Cell>
+            <Cell center>
               {{
                 icon: () => <Image class={styles.buyImg} src={goods.goodsUrl} />,
                 title: () => (

+ 2 - 1
src/views/information/information-detail.module.less

@@ -1,6 +1,7 @@
 .detail {
+  background-color: #fff;
   padding: 18px;
-
+  min-height: 100vh;
   font-size: 15px;
   color: #333333;
   line-height: 25px;

+ 1 - 0
src/views/layout/auth.tsx

@@ -35,6 +35,7 @@ export default defineComponent({
     async setAuth() {
       const { query } = this.$route
       const token = query.userInfo || query.Authorization
+
       if (token) {
         setAuth(token)
       }