Merge branch 'iteration-20241115' into dev

index.html

@@ -36,6 +36,7 @@
   <meta name="msapplication-tap-highlight" content="no" />
   <meta name="referrer" content="no-referrer" />
   <title>音乐数字课堂</title>
+  <script src="/jweixin-1.3.2.js"></script>
   <script src="/flexible.js" charset="UTF-8"></script>
 </head>
 

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,43 @@
+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() {
+    const onDownload = () => {
+      // @ts-ignore
+      window.wx.downloadImage('https://oss.dayaedu.com/ktyq/1733226456374.png')
+    }
+    const onDownload2 = () => {
+      console.log('发送消息')
+      window.parent.postMessage({
+        type: 'downloadImageRequest',
+        data: {
+            url: 'https://oss.dayaedu.com/ktyq/1733226456374.png'
+        }
+    }, '*');
+    }
+    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} onClick={onDownload} />
+            <img src={btnImg} class={styles.btnImg} onClick={onDownload2} />
+          </div>
+        </MSticky>
+      </div>
+    );
+  }
+});

src/views/download/index.tsx

@@ -18,8 +18,7 @@ export default defineComponent({
     });
 
     const onDownload = () => {
-      console.log('download - wx:', route.query.wx)
-      if (browser().weixin && route.query.wx !== 'wx_lite') {
+      if (browser().weixin) {
         state.wxStatus = true;
         return;
       }