更新图片

src/router/routes-student.ts

@@ -22,8 +22,7 @@ const noLoginRouter = [
       title: '曲目挑战排行榜'
       // isExternal: true // 是否外部浏览器可以打开
     }
-  },
-
+  }
 ]
 
 export default [
@@ -74,6 +73,14 @@ export default [
         }
       },
       {
+        path: '/memberActive',
+        name: 'memberActive',
+        component: () => import('@/student/member-center/member-active'),
+        meta: {
+          title: '小酷Ai会员大放价'
+        }
+      },
+      {
         path: '/memberRecord',
         name: 'memberRecord',
         component: () => import('@/student/member-center/member-record'),
@@ -154,7 +161,8 @@ export default [
       {
         path: '/home-layout-center',
         name: 'home-layout-center',
-        component: () => import('@/student/home-layout-orchestra/home-layout-center'),
+        component: () =>
+          import('@/student/home-layout-orchestra/home-layout-center'),
         meta: {
           title: '登录酷乐秀'
         }
@@ -171,7 +179,7 @@ export default [
         path: '/home',
         name: 'home',
         component: () => import('@/student/home/index')
-      },
+      }
     ]
   },
   ...noLoginRouter,

src/student/member-center/member-active.module.less

@@ -0,0 +1,19 @@
+.memberActive {
+  font-size: 0;
+  background-color: #ebe2b9;
+
+  &>img {
+    width: 100%;
+    line-height: 0;
+  }
+
+  .memberBtn {
+    width: 60%;
+    margin: 0 auto;
+    padding: 10px 0 25px;
+
+    img {
+      width: 100%
+    }
+  }
+}

src/student/member-center/member-active.tsx

@@ -0,0 +1,29 @@
+import { defineComponent } from 'vue'
+import styles from './member-active.module.less'
+import p1 from './images/active/1.png'
+import p2 from './images/active/2.png'
+import p3 from './images/active/3.png'
+import btn from './images/active/btn.png'
+import { useRouter } from 'vue-router'
+
+export default defineComponent({
+  setup() {
+    const router = useRouter()
+
+    const onDetail = () => {
+      router.push('/memberCenter')
+    }
+
+    return () => (
+      <div class={styles.memberActive}>
+        <img src={p1} />
+        <img src={p2} />
+        <img src={p3} />
+
+        <div class={styles.memberBtn}>
+          <img src={btn} onClick={onDetail} />
+        </div>
+      </div>
+    )
+  }
+})