'加上下载APP二维码'

components/products/parent.vue

@@ -11,16 +11,31 @@
                 <div class="label">高质量的优质教育内容陪伴</div>
                 <div class="desc content-desc">点击下方下载苹果端和安卓端APP,快去下载体验吧</div>
                 <div class="download">
+                  <el-popover
+                    placement="right"
+                    trigger="hover">
+                    <img class="qr_img" width="200px" :src="qrImgClient" alt="" srcset="">
+                    <img
+                      slot="reference"
+                      class="cp"
+                      @click="handleDownload"
+                      src="http://res.training.luojigou.vip/Fl_0R6Bwy75ByXLhmm2b1cpknZEv?imageView2/0/q/50|imageslim"
+                      alt=""
+                    >
+                  </el-popover>
+
+                  <el-popover
+                    placement="right"
+                    trigger="hover">
+                    <img class="qr_img" width="200px" :src="qrImgClient" alt="" srcset="">
                   <img
-                    @click="handleDownload"
-                    src="http://res.training.luojigou.vip/Fl_0R6Bwy75ByXLhmm2b1cpknZEv?imageView2/0/q/50|imageslim"
-                    alt=""
-                  >
-                  <img
+                    slot="reference"
+                    class="cp"
                     @click="handleDownload"
                     src="http://res.training.luojigou.vip/FvhOJGHagsZ2wuo3Fc3YAuL_z_g0?imageView2/0/q/50|imageslim"
-                    alt=""
-                  >
+                    alt="">
+                  </el-popover>
+
                 </div>
               </div>
               <div class="right">
@@ -103,6 +118,8 @@ export default {
       fourImg: require('~/assets/images/products/parent_img_four.png'),
       fiveImg: require('~/assets/images/products/parent_img_five.png'),
       sixImg: require('~/assets/images/products/parent_img_six.png'),
+      qrImgClient: require('~/assets/images/course/qr_img_client.png'),
+      qrImgParent: require('~/assets/images/course/qr_img_parent.png'),
     };
   },
   mounted() {

components/products/teacher.vue

@@ -11,7 +11,32 @@
                 <div class="label">记录成长过程，发现无限可能</div>
                 <div class="desc content-desc">点击下方下载苹果端和安卓端APP,快去下载体验吧</div>
                 <div class="download">
+                  <el-popover
+                    placement="right"
+                    trigger="hover">
+                    <img class="qr_img" width="200px" :src="qrImgParent" alt="" srcset="">
+                    <img
+                      slot="reference"
+                      class="cp"
+                      @click="handleDownload"
+                      src="http://res.training.luojigou.vip/Fl_0R6Bwy75ByXLhmm2b1cpknZEv?imageView2/0/q/50|imageslim"
+                      alt=""
+                    >
+                  </el-popover>
+                  
+                  <el-popover
+                    placement="right"
+                    trigger="hover">
+                    <img class="qr_img" width="200px" :src="qrImgParent" alt="" srcset="">
                   <img
+                    slot="reference"
+                    class="cp"
+                    @click="handleDownload"
+                    src="http://res.training.luojigou.vip/FvhOJGHagsZ2wuo3Fc3YAuL_z_g0?imageView2/0/q/50|imageslim"
+                    alt="">
+                  </el-popover>
+
+                  <!-- <img
                     class="cp"
                     @click="handleDownload"
                     src="http://res.training.luojigou.vip/Fl_0R6Bwy75ByXLhmm2b1cpknZEv?imageView2/0/q/50|imageslim"
@@ -20,7 +45,7 @@
                     class="cp"
                     @click="handleDownload"
                     src="http://res.training.luojigou.vip/FvhOJGHagsZ2wuo3Fc3YAuL_z_g0?imageView2/0/q/50|imageslim"
-                    alt="">
+                    alt=""> -->
                 </div>
               </div>
               <div class="right">
@@ -100,6 +125,8 @@ export default {
       fourImg: require('~/assets/images/products/teach_img_four.png'),
       fiveImg: require('~/assets/images/products/teach_img_five.png'),
       sixImg: require('~/assets/images/products/teach_img_six.png'),
+      qrImgClient: require('~/assets/images/course/qr_img_client.png'),
+      qrImgParent: require('~/assets/images/course/qr_img_parent.png'),
     };
   },
   mounted() {