优化eslint提示和网络图片加载

src/views/coursewarePlay/component/points.tsx

@@ -1,7 +1,7 @@
 import { defineComponent, reactive, watch } from "vue"
 import styles from "./point.module.scss"
 import icons from "../image/icons.json"
-const { iconMulv, iconArrow, iconImage, iconImageActive, iconVideo, iconVideoActive, iconSong, iconSongActive } = icons
+const { iconArrow, iconImage, iconImageActive, iconVideo, iconVideoActive, iconSong, iconSongActive } = icons
 import iconZhibo from "../image/icon-load.gif"
 import { Collapse, CollapseItem, Icon, Image } from "vant"
 export default defineComponent({

src/views/coursewarePlay/index.tsx

@@ -17,7 +17,7 @@ import MusicScore from "./component/musicScore"
 import iconDian from "./image/icon-dian.svg"
 import iconPoint from "./image/icon-point.svg"
 import icons from "./image/icons.json"
-const { iconUp, iconDown, iconPen, iconTouping, iconMenu } = icons
+const { iconUp, iconDown, iconPen, iconTouping } = icons
 import Points from "./component/points"
 import { browser } from "./helpers/utils"
 import { Vue3Lottie } from "vue3-lottie"

src/viewsframe/layout/layout.vue

@@ -8,14 +8,14 @@
       <div class="head">
          <el-dropdown :popper-options="{}" popper-class="headDropdown" class="avatar-con" trigger="click" @visible-change="visibleChange">
             <div class="avatar">
-               <div class="imgCon"><img :src="userInfo.avatar" /></div>
+               <div class="imgCon"><el-image class="avatarImg" :src="userInfo.avatar" /></div>
                <div class="name">{{ userInfo.username }}</div>
                <img class="horn" :class="{ isVisible: visible }" src="@/img/layout/horn.png" />
             </div>
             <template #dropdown>
                <div class="dropdown">
                   <div class="avatar-item">
-                     <img :src="userInfo.avatar" />
+                     <el-image class="avatarImg" :src="userInfo.avatar" />
                      <div class="userInfo">
                         <div class="realName">{{ userInfo.realName }}</div>
                         <div class="phone">{{ userInfo.phone }}</div>
@@ -95,7 +95,7 @@ function handleLogout() {
             height: 62px;
             border: 4px solid #ffffff;
             border-radius: 50%;
-            > img {
+            .avatarImg {
                border-radius: 50%;
                width: 100%;
                height: 100%;
@@ -136,7 +136,7 @@ function handleLogout() {
    .avatar-item {
       display: flex;
       padding-bottom: 16px;
-      > img {
+      .avatarImg {
          width: 48px;
          height: 48px;
          border-radius: 50%;