修改

src/router/router-root.ts

@@ -288,6 +288,13 @@ export default [
     }
   },
   {
+    path: '/activationDownload',
+    component: () => import('@/views/activation-code/download'),
+    meta: {
+      title: '激活记录'
+    }
+  },
+  {
     path: '/pre-register-active',
     name: 'pre-register-active',
     component: () => import('@/views/pre-register-active/index'),

src/views/activation-code/download/index.module.less

@@ -0,0 +1,30 @@
+.activationDownload {
+  background: url('./images/bg.png') no-repeat top center;
+  background-size: contain;
+  background-color: #FFFFFF;
+
+  .section {
+    display: flex;
+    align-items: center;
+    flex-direction: column;
+    padding: 207px 10px 0;
+  }
+
+  .qrCodeImg  {
+    width: 148px;
+    height: 148px;
+  }
+
+  .func {
+    width: 100%;
+    margin: 23px 0 0;
+  }
+
+  .btnGroup {
+    padding: 16px 20px 30px;
+    background: linear-gradient( 180deg, rgba(255,255,255,0) 0%, #FFFFFF 50%, #FFFFFF 100%);
+    .btnImg {
+      height: 49px;
+    }
+  }
+}

src/views/activation-code/download/index.tsx

@@ -0,0 +1,24 @@
+import { defineComponent } from "vue";
+import styles from './index.module.less'
+import func from './images/function.png'
+import btnImg from './images/button-bg.png'
+import MSticky from "@/components/m-sticky";
+
+export default defineComponent({
+  name: 'activation-download',
+  setup() {
+    return () => <div class={styles.activationDownload}>
+      <div class={styles.section}>
+      <img src="https://oss.dayaedu.com/ktyq/1733226456374.png" class={styles.qrCodeImg} />
+
+<img src={func} class={styles.func} />
+      </div>
+
+      <MSticky position="bottom">
+        <div class={styles.btnGroup}>
+          <img src={btnImg} class={styles.btnImg} />
+        </div>
+      </MSticky>
+    </div>
+  }
+})