1

1

src/school/ranking-list/modals/rank-item.tsx

@@ -4,6 +4,7 @@ import defaultIcon from '@/school/images/student-icon.png'
 import firstIcon from '../images/first.png'
 import secondIcon from '../images/second.png'
 import thirdIcon from '../images/third.png'
+import { Image } from 'vant'
 export default defineComponent({
   props: ['item', 'type', 'index'],
   name: 'rank-item',
@@ -20,7 +21,13 @@ export default defineComponent({
                 {props.index > 3 ? <p>{props.index}</p> : null}
               </div>
               <div class={styles.headerWrap}>
-                <img src={props.item.avatar ? props.item.avatar : defaultIcon} alt="" />
+                <Image
+                  width="48px"
+                  height="48px"
+                  fit="cover"
+                  src={props.item.avatar ? props.item.avatar : defaultIcon}
+                  alt=""
+                />
               </div>
               <div>
                 <p class={styles.studentName}>{props.item.nickname}</p>

src/student/ranking-list/modals/my-ranking-item.tsx

@@ -1,6 +1,7 @@
 import { defineComponent, reactive, ref, watch } from 'vue'
 import styles from './rank-item.module.less'
 import defaultIcon from '@/school/images/student-icon.png'
+import { Image } from 'vant'
 export default defineComponent({
   props: ['item', 'type', 'index'],
   name: 'rank-item',
@@ -11,7 +12,13 @@ export default defineComponent({
           <div class={styles.itemRankWrap}>
             <div class={styles.wrapLeft}>
               <div class={styles.headerWrap}>
-                <img src={props.item.avatar ? props.item.avatar : defaultIcon} alt="" />
+                <Image
+                  width="48px"
+                  height="48px"
+                  src={props.item.avatar ? props.item.avatar : defaultIcon}
+                  alt=""
+                  fit="cover"
+                />
               </div>
               <div>
                 <p class={styles.studentName}>{props.item.nickname}</p>

src/student/ranking-list/modals/rank-item.tsx

@@ -1,4 +1,5 @@
 import { defineComponent, reactive, ref, watch } from 'vue'
+import { Image } from 'vant'
 import styles from './rank-item.module.less'
 import defaultIcon from '@/school/images/student-icon.png'
 import firstIcon from '../images/first.png'
@@ -20,7 +21,13 @@ export default defineComponent({
                 {props.index > 3 ? <p>{props.index}</p> : null}
               </div>
               <div class={styles.headerWrap}>
-                <img src={props.item.avatar ? props.item.avatar : defaultIcon} alt="" />
+                <Image
+                  width="48px"
+                  height="48px"
+                  src={props.item.avatar ? props.item.avatar : defaultIcon}
+                  alt=""
+                  fit="cover"
+                />
               </div>
               <div>
                 <p class={styles.studentName}>{props.item.nickname}</p>

src/views/exercise-record/exercis-detail.module.less

@@ -21,13 +21,8 @@
         border-radius: 50%;
         overflow: hidden;
         border: 2px solid #fff;
-        width: 68px;
-        height: 68px;
+
         margin-right: 15px;
-        img {
-          width: 100%;
-          height: 100%;
-        }
       }
       .infoMsg {
         p {

src/views/exercise-record/exercis-detail.tsx

@@ -11,7 +11,8 @@ import {
   List,
   PullRefresh,
   showToast,
-  Dialog
+  Dialog,
+  Image
 } from 'vant'
 import DetailItem from './modals/detail-item'
 import { defineComponent, onMounted, reactive, ref, onDeactivated } from 'vue'
@@ -166,11 +167,18 @@ export default defineComponent({
           <div class={styles.topInfo}>
             <div class={styles.topInfoLeft}>
               <div class={styles.headWrap}>
-                <img src={infoDetail.value.avatar ? infoDetail.value.avatar : defaultIcon} alt="" />
+                <Image
+                  src={infoDetail.value.avatar ? infoDetail.value.avatar : defaultIcon}
+                  fit="cover"
+                  width="68px"
+                  height="68px"
+                />
               </div>
               <div class={styles.infoMsg}>
                 <p>{infoDetail.value.nickname}</p>
-                <div class={styles.tag}>{infoDetail.value.subjectNames}</div>
+                <div class={styles.tag}>
+                  {infoDetail.value.subjectNames ? infoDetail.value.subjectNames : '暂无声部'}
+                </div>
               </div>
             </div>
             <div class={styles.topInfoRight}>
@@ -224,7 +232,7 @@ export default defineComponent({
           </div>
         </div>
         {showContact.value ? (
-          <PullRefresh v-model={refreshing.value} onRefresh={onRefresh}>
+          <PullRefresh v-model={refreshing.value} onRefresh={onRefresh} style="min-height: 100vh;">
             <List
               v-model:loading={loading.value}
               finished={finished.value}