ft

dist/index.js

@@ -191,9 +191,9 @@ function startSwiper(imageCount) {
 /*copy to clipboard*/
 function toCopy() {
     if (navigator.userAgent.match(/(iPhone|iPod|iPad);?/i)) {
-    //区分iPhone设备
+        //区分iPhone设备
         window.getSelection().removeAllRanges();//这段代码必须放在前面否则无效
-        var Url2=document.getElementById("biaoios");//要复制文字的节点
+        var Url2=document.getElementById("copy_2");//要复制文字的节点
         var range = document.createRange();
         // 选中需要复制的节点
         range.selectNode(Url2);
@@ -205,7 +205,7 @@ function toCopy() {
         // 移除选中的元素
         window.getSelection().removeAllRanges();
     }else{
-        var Url2=document.getElementById("biao1");//要复制文字的节点
+        var Url2=document.getElementById("copy_1");//要复制文字的节点
         Url2.select(); // 选择对象
         document.execCommand("Copy"); // 执行浏览器复制命令
     }
@@ -226,8 +226,9 @@ window.onload = function () {
         var res = response.data, data = null, html = '', imgList = [], swiperStr = '', pointStr = '', len = 0;
         var swiper = document.querySelector('.swiper-wrapper .swiper-item'),
               point = document.querySelector('.swiper-wrapper .swiper-point'),
-              detailsWrapper = document.querySelector('.details-wrapper')
-
+              detailsWrapper = document.querySelector('.details-wrapper'),
+              copy_2 = document.getElementById("copy_2"),
+              copy_1 = document.getElementById("copy_1")
               ;
         console.log(swiper);
         if (res.errno == 0) {
@@ -245,8 +246,14 @@ window.onload = function () {
                 }
                  swiperStr += '<li><a href="javascript: ;"><img src="'+ imgList[0] +'"></a></li>';
             }
-            html = '<h5 class="price"><span>券后 ¥</span><em>'+ data.discount_price +'</em><span class="icon icon-price">券&nbsp;&nbsp; '+ data.coupon_price
- +'元</span></h5><div class="info"><p class="before-price">价格 <span>'+ data.price +'</span></p><p class="quantity"> 月销 '+ data.volume +'</p></div><p class="elli desc">'+ data.title +'</p>'
+            if (is_coupon == 1) {
+                html = '<h5 class="price"><span>券后 ¥</span><em>'+ data.discount_price +'</em><span class="icon icon-price">券&nbsp;&nbsp; '+ data.coupon_price
+ +'元</span></h5><div class="info"><p class="before-price">价格 <span>'+ data.price +'</span></p><p class="quantity"> 月销 '+ data.volume +'</p></div><p class="elli desc">'+ data.title +'</p>';
+            }else{
+                html = '<h5 class="price"><span>折后 ¥</span><em>'+ data.discount_price +'</em></h5><div class="info"><p class="before-price">价格 <span>'+ data.price +'</span></p><p class="quantity"> 月销 '+ data.volume +'</p></div><p class="elli desc">'+ data.title +'</p>';
+            }
+
+
             detailsWrapper.innerHTML = html;
             swiper.innerHTML = swiperStr;
             point.innerHTML = pointStr;
@@ -257,8 +264,25 @@ window.onload = function () {
         console.log(error);
       });
 
-      btn.addEventListener('click', function () {
-        console.log('test');
-            toCopy();
-      }, false)
+      axios.post('/api/v2/adzoneCreate/h5CopyOfTheNaughtyPassword', {
+          goods_id: goods_id,
+          is_coupon: is_coupon,
+          user_id: user_id
+        })
+        .then(function (response) {
+            var res = response.data, data = null;
+            if (res.errno == 0) {
+                data = res.rst.data;
+                copy_2.innerHTML = data;
+                console.log(copy_1);
+                copy_1.value = data;
+                btn.addEventListener('click', function () {
+                  console.log('test');
+                      toCopy();
+                }, false)
+            }
+        })
+        .catch(function (error) {
+          console.log(error);
+        });
 }

index.css

@@ -23,6 +23,9 @@ body{
 em, i{
     font-style: normal;
 }
+a{
+    text-decoration: none;
+}
 .clearfix::before,
 .clearfix::after{
     content: "";
@@ -41,6 +44,20 @@ em, i{
     -webkit-box-orient: vertical;
 }
 
+#copy_1{
+    outline: none;
+    border: 0px;
+    color: rgba(0,0,0,0.0);
+    position: absolute;
+    left:-200px;
+    background-color: transparent;
+}
+#copy_2{
+    position: absolute;
+    left:-200px;
+    color: rgba(0,0,0,0);
+    background-color: transparent
+}
 
 .download-wrapper {
     display: flex;
@@ -73,10 +90,11 @@ em, i{
     color: #666;
     line-height: 14px;
 }
-.download-wrapper button{
-    flex: 0 0 1.48rem;
+.download-wrapper a{
+    flex: 0 0 1.6rem;
     height: 0.56rem;
-    margin: auto;
+    line-height: 0.56rem;
+    text-align: center;
     background: linear-gradient(-90deg, #FF6900, #FFA500);
     border-radius: 28px;
     border: 0 none;
@@ -162,6 +180,7 @@ span.icon.icon-price{
     vertical-align: top;
     width: 1.28rem;
     height: 0.28rem;
+    line-height: 0.28rem;
     margin-top: 9px;
     margin-left: 10px;
     background: url('img/icon-price.png') no-repeat center center;

index.html

@@ -40,34 +40,18 @@
               <h6 class="title">省钱达人</h6>
               <p class="text">购物省钱，分享赚钱，更多奖励等你来</p>
             </div>
-            <button type="button">下载APP</button>
+            <a href="http://a.app.qq.com/o/simple.jsp?pkgname=com.kuxuan.coupon">下载APP</a>
         </div>
         <div class="swiper-wrapper">
-              <ul class="clearfix swiper-item">
-                  <li><a href="javascript: ;"><img src="http://img.henhaojie.com/Homeact/20180409/1523252985675069.jpg"></a></li>
-                  <li><a href="#"><img src="http://img.henhaojie.com/Homeact/20180518/1526629597825769.jpg"></a></li>
-                  <li><a href="#"><img src="http://img.henhaojie.com/Homeact/20180502/1525253753560504.png"></a></li>
-                  <li><a href="#"><img src="http://img.henhaojie.com/Homeact/20171123/1511420419308673.png"></a></li>
-                  <li><a href="#"><img src="http://img.henhaojie.com/Homeact/20180521/1526897525753766.png"></a></li>
-                  <li><a href="#"><img src="http://img.henhaojie.com/Homeact/20180509/1525849287291571.jpg"></a></li>
-                  <li><a href="#"><img src="http://img.henhaojie.com/Homeact/20180515/1526368416232243.png"></a></li>
-                  <li><a href="#"><img src="http://img.henhaojie.com/Homeact/20180409/1523252985675069.jpg"></a></li>
-              </ul>
-              <ul class="swiper-point">
-                  <li class="now"></li>
-                  <li></li>
-                  <li></li>
-                  <li></li>
-                  <li></li>
-                  <li></li>
-                  <li></li>
-              </ul>
+              <ul class="clearfix swiper-item"></ul>
+              <ul class="swiper-point"></ul>
         </div>
-        <div class="details-wrapper">
+        <div class="details-wrapper"></div>
+        <div class="btn-wrapper">
+            <input id="copy_1" type="text" readOnly="true" value=""/>
+            <div id="copy_2"></div>
+            <button class="btn">点击复制淘口令，打开淘宝去购买</button>
         </div>
-        <input readOnly="true" style="outline: none;border: 0px; color: rgba(0,0,0,0.0);position: absolute;left:-200px; background-color: transparent" id="biao1" value="要复制的内容"/>
-        <div id="biaoios" style=";position: absolute;left:-200px; color: rgba(0,0,0,0);background-color: transparent">要复制的内容</div>
-        <div class="btn-wrapper"><button class="btn">点击复制淘口令，打开淘宝去购买</button></div>
         <script src="dist/axios.min.js" type="text/javascript" charset="utf-8"></script>
         <script src="dist/swiper.min.js" type="text/javascript" charset="utf-8"></script>
         <script src="dist/index.js" type="text/javascript" charset="utf-8"></script>