update

src/views/muiscDetial/index.module.less

@@ -552,7 +552,7 @@
       height: 26px;
     }
     .vipIcon {
-      width: 42px;
+      // width: 42px;
       height: 26px;
     }
   }

src/views/muiscDetial/index.tsx

@@ -53,6 +53,10 @@ import noVideoIcon from '@/components/col-header/images/noVideoIcon.png'
 import vipIcon from '@/components/col-header/images/vipIcon.png'
 import noVipIcon from '@/components/col-header/images/noVipIcon.png'
 
+
+import iconSvip from '@/components/col-header/images/icon_svip.png'
+import iconVip from '@/components/col-header/images/icon_vip.png'
+
 import umiRequest from 'umi-request'
 import request from '@/helpers/request'
 import { useRoute, useRouter } from 'vue-router'
@@ -284,6 +288,8 @@ export default defineComponent({
     //     params: { type: 'music' }
     //   })
     // }
+
+     
     onMounted(() => {
       // window.setSvg = (val)=>{
       //   setSvg(val)
@@ -454,6 +460,26 @@ export default defineComponent({
         }
       })
     }
+
+    // 检验是否有对应徽章
+    const checkBadge = (type: string) => {
+      let status = false
+      const teacherDetail = state.teacherDetail
+      switch (type) {
+        case 'VIP':
+          status = teacherDetail?.vipType === 'VIP'
+          break
+        case 'SVIP':
+          status =
+            teacherDetail?.vipType === 'SVIP' ||
+            teacherDetail?.vipType === 'PERMANENT_SVIP'
+          break
+        default:
+          status = false
+          break
+      }
+      return status
+    }
     return () => (
       <>
         <div class={classes.wallWrap}>
@@ -706,7 +732,20 @@ export default defineComponent({
                                   </div>
                                 ) : (
                                   <div class={classes.iconWrapList}>
-                                    <img
+                                  {/* checkBadge */}
+                                  {(checkBadge('SVIP') || checkBadge('VIP')) && (
+                                      <img
+                                        src={
+                                          checkBadge('SVIP')
+                                            ? iconSvip
+                                            : checkBadge('VIP')
+                                            ? iconVip
+                                            : ''
+                                        }
+                                        class={classes.vipIcon}
+                                      />
+                                    )}
+                                    {/* <img
                                       src={
                                         state.teacherDetail.isVip
                                           ? vipIcon
@@ -714,7 +753,7 @@ export default defineComponent({
                                       }
                                       class={classes.vipIcon}
                                       alt=""
-                                    />
+                                    /> */}
                                     {state.iconList.map(item => (
                                       <img
                                         class={classes.teacherDetailIcon}