提交

1

src/views/muiscDetial/index.tsx

@@ -33,6 +33,9 @@ import code from './images/code.png'
 import musicItem from './modals/musicItem'
 import request from '@/helpers/request'
 import { useRoute, useRouter } from 'vue-router'
+import gou from './images/gou.png'
+import member from './images/member.png'
+import palyer from './images/palyer.png'
 import {
   getUserType,
   vaildTeachingUrl,
@@ -46,7 +49,16 @@ import { Vue3Lottie } from 'vue3-lottie'
 import 'vue3-lottie/dist/style.css'
 import AstronautJSON from '@/common/animate/bigLoad.json'
 import printJS from 'print-js'
-
+const chargeTypes = {
+  CHARGE: '点播',
+  FREE: '免费',
+  VIP: 'VIP'
+}
+const chargeImg = {
+  CHARGE: palyer,
+  FREE: gou,
+  VIP: member
+}
 export default defineComponent({
   name: 'muiscDetial',
   props: {
@@ -208,7 +220,10 @@ export default defineComponent({
     const gotoMusic = () => {
       router.push({
         name: 'searchdetail',
-        params: { search: state.teacherDetail.userName as string, type: 'music' }
+        params: {
+          search: state.teacherDetail.userName as string,
+          type: 'music'
+        }
       })
     }
 
@@ -270,6 +285,7 @@ export default defineComponent({
 
                 <div class={classes.musicContent}>
                   {/*        id="iframe"       ref="iframe"*/}
+                  <img src={chargeImg[state.activeRow.chargeType]} alt="" />
                   <iframe
                     id="containerPrint"
                     ref="print"
@@ -419,17 +435,19 @@ export default defineComponent({
                                   ]}
                                   onClick={() => followVideo()}
                                 >
-                                  {state.teacherDetail.star ? '已关注' : '+ 关注'}
+                                  {state.teacherDetail.star
+                                    ? '已关注'
+                                    : '+ 关注'}
                                 </div>
                               ) : null}
                             </div>
                           </div>
                         </div>
                         <div>
-                          <p class={classes.fensNum}>{state.teacherDetail.fansNum}</p>
-                          <p class={classes.fens}>
-                            粉丝数
+                          <p class={classes.fensNum}>
+                            {state.teacherDetail.fansNum}
                           </p>
+                          <p class={classes.fens}>粉丝数</p>
                         </div>
                       </div>
                     </div>