更换二维码

1

src/components/banner/index.tsx

@@ -4,6 +4,7 @@ import { Swiper, SwiperSlide } from 'swiper/vue'
 import { Navigation, Pagination, Scrollbar, A11y } from 'swiper'
 import request from '@/helpers/request'
 import bannerArray from './images/bannerArray.png'
+import { useRouter } from 'vue-router'
 export default defineComponent({
   name: 'banner',
   props: {
@@ -22,6 +23,7 @@ export default defineComponent({
       modules: [Navigation, Pagination, Scrollbar, A11y],
       bannerList:[]
     })
+    const router = useRouter()
     const onSwiper = swiper => {
       // console.log(swiper)
     }
@@ -42,7 +44,12 @@ export default defineComponent({
       }
     }
     const gotoBannerInfo = (item:any)=>{
-      window.open(item.linkUrl)
+      if(item.linkUrl.indexOf('http')!= -1){
+        window.open(item.linkUrl)
+      }else{
+        router.push({path:item.linkUrl})
+      }
+
     }
       onMounted(()=>{
         getBannerList()

src/components/col-footer/index.tsx

@@ -3,7 +3,8 @@ import classes  from './index.module.less'
 import download from '../silder/images/download.png'
 import publicCode from '../silder/images/public-code.jpg'
 import whileLogo from '@/common/images/whileLogo.png'
-import code from '@/common/images/2code.png'
+import studentCode from '@/common/images/studentCode.png'
+import teacherCode from '@/common/images/teacherCode.png'
 export default defineComponent({
   name: 'col-footer',
   setup() {
@@ -26,25 +27,25 @@ export default defineComponent({
                     </div>
                   </div>
                   <div class={classes.qrcode}>
-                    <div class={classes.qrcodeItem}>
+                    <div  class={classes.qrcodeItem}>
                       <img
-                         class={classes.codeImg}
-                        src={code}
+                      class={classes.codeImg}
+                        src={studentCode}
                         width="74px"
                         height="74px"
                       />
-                      <p>微信订阅号</p>
+                      <p>酷乐秀</p>
                     </div>
                   </div>
                   <div class={classes.qrcode}>
                     <div  class={classes.qrcodeItem}>
                       <img
                       class={classes.codeImg}
-                        src={code}
+                        src={teacherCode}
                         width="74px"
                         height="74px"
                       />
-                      <p>下载地址</p>
+                      <p>酷乐秀学院</p>
                     </div>
                   </div>
                 </div>

src/components/silder/index.module.less

@@ -123,11 +123,12 @@
   color: #999;
 }
 .Mopopver {
-  /deep/.code-item {
+  .codeItem {
     width: 100%;
     display: flex;
     flex-direction: column;
     align-items: center;
+    text-align: center;
   }
   .hoverTitle {
     font-size: 12px;
@@ -170,4 +171,5 @@
       }
     }
   }
+
 }

src/components/silder/index.tsx

@@ -8,7 +8,9 @@ import silder3 from './images/silder3.svg'
 import silder4 from './images/silder4.svg'
 import silder5 from './images/silder5.svg'
 import download from './images/download.png'
-import publicCode from './images/public-code.jpg'
+import weixin from '@/common/images/weixinCode.jpg'
+import studentCode from '@/common/images/studentCode.png'
+import teacherCode from '@/common/images/teacherCode.png'
 export default defineComponent({
   name: 'silder',
   setup() {
@@ -54,12 +56,12 @@ export default defineComponent({
             </ElPopover> */}
             <ElPopover
               placement="left"
-              trigger="hover"
+              trigger="click"
               popper-class="Mopopver"
               v-slots={{
                 reference: () => (
                   <div class={classes.silderItem}>
-                    <img src={silder3}  />
+                    <img src={silder3} />
                     <p>APP下载</p>
                     <div class={classes.line}></div>
                   </div>
@@ -68,13 +70,12 @@ export default defineComponent({
             >
               <div>
                 <div class={classes.codeItem}>
-                  <img
-                    src={download}
-                    width="111"
-                    height="111"
-
-                  />
-                  <p>扫码下载APP</p>
+                  <img src={studentCode} width="111" height="111" />
+                  <p style={{ 'text-align': 'center' }}>酷乐秀</p>
+                </div>
+                <div class={classes.codeItem}>
+                  <img src={teacherCode} width="111" height="111" />
+                  <p style={{ 'text-align': 'center' }}>酷乐秀学院</p>
                 </div>
               </div>
             </ElPopover>
@@ -85,7 +86,7 @@ export default defineComponent({
               v-slots={{
                 reference: () => (
                   <div class={classes.silderItem}>
-                    <img src={silder1}  />
+                    <img src={silder1} />
                     <p>关注微信</p>
                     <div class={classes.wall}></div>
                   </div>
@@ -94,29 +95,21 @@ export default defineComponent({
             >
               <div>
                 <div class={classes.codeItem}>
-                  <img
-                    src={publicCode}
-                    width="111"
-                    height="111"
-
-                  />
+                  <img src={weixin} width="111" height="111" />
                   <p>微信订阅号</p>
-
                 </div>
-
               </div>
             </ElPopover>
           </div>
 
           {state.showgo ? (
             <div class={classes.goTop} onClick={gotop}>
-              <img src={silder5}  />
+              <img src={silder5} />
               回到顶部
             </div>
           ) : (
             ''
           )}
-
         </div>
       </>
     )

src/views/downLoad/index.tsx

@@ -5,7 +5,9 @@ import finch from './images/finch.png'
 import demo from './images/demo.png'
 import ios from './images/iosIcon.png'
 import andIcon from './images/andIcon.png'
-import code from '@/common/images/2code.png'
+import code from '@/common/images/studentCode.png'
+import studentCode from '@/common/images/studentCode.png'
+import teacherCode from '@/common/images/teacherCode.png'
 import { Vue3Lottie } from 'vue3-lottie'
 import 'vue3-lottie/dist/style.css'
 import AstronautJSON  from '@/common/animate/kulexiuyunjiaolian.json'
@@ -40,9 +42,9 @@ export default defineComponent({
             </p>
             <div class={styles.codeList}>
               <div class={styles.codeItem}>
-                <h5>学生端APP</h5>
+                <h5>酷乐秀</h5>
                 <div class={styles.code}>
-                  <img src={code} alt="" />
+                  <img src={studentCode} alt="" />
                 </div>
                 <div class={styles.iconWrap}>
                   <div
@@ -59,9 +61,9 @@ export default defineComponent({
                 </div>
               </div>
               <div class={styles.codeItem}>
-                <h5>老师端APP</h5>
+                <h5>酷乐秀学院</h5>
                 <div class={styles.code}>
-                <img src={code} alt="" />
+                <img src={teacherCode} alt="" />
                 </div>
                 <div class={styles.iconWrap}>
                   <div