EggPlanet
/
egg_app
3
0
Fork 0
Code Issues 0 Pull Requests 0 Releases 0 Wiki Activity
蛋蛋星球-客户端
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
102 Commits
1 Branch
641 KiB
 
 
 
 
 
 
Branch: master
Branches Tags
${ item.name }
Create branch ${ searchTerm }
from 'master'
${ noResults }
egg_app/static/html/kz_goods_share.html

664 lines
11 KiB
Raw Permalink Blame History 

  1. <meta charset="UTF-8">

  2. 

  3. <style>

  4.     body {

  5.         opacity: 0;

  6.     }

  7. </style>

  8. <!-- <script src="https://cdn.jsdelivr.net/npm/clipboard@2.0.6/dist/clipboard.min.js"></script> -->

  9. <meta name="viewport" content="width=device-width, initial-scale=1.0">

  10. <!--<script src="https://hairuyi.com/View/index/js/comm/jquery.min.js"></script>-->

  11. <!-- <link rel="stylesheet" href="../../../css/wap/rebate_DG/kz_goods_share.css"> -->

  12. 

  13. <!-- <script src="../../../js/comm/mob_login.js"></script>

  14. <script type="text/javascript">

  15.     var share_install_key='{array:set:share_install_key}';

  16.     var tgid='{get:tgid}';

  17.     var get_extend_onoff='{array:set:get_extend_onoff}';

  18.     get_extend_onoff=parseInt(get_extend_onoff);

  19.     var ua = navigator.userAgent.toLowerCase();

  20.     if (/iphone|ipad|ipod/.test(ua)) {

  21.         get_extend_onoff = '{array:set:ios_get_extend_onoff}';

  22.     }

  23.     get_extend_onoff = parseInt(get_extend_onoff);

  24.     var moblink_source_ios='{array:set:moblink_source_ios}';

  25.         var mob_url='{array:set:mob_urls}';

  26.     var moblink_source_android='{array:set:moblink_source_android}';

  27. </script>  -->

  28. <style>

  29.     .price-column {

  30.         color: #594000;

  31.         font-size: 16px;

  32.         font-weight: bold;

  33.         width: 100%;

  34.         text-align: center;

  35.         line-height: 55px;

  36.         background: #f1f1f1;

  37.         display: block;

  38.     }

  39. 

  40.     * {

  41. 

  42.         margin: 0;

  43. 

  44.         padding: 0;

  45. 

  46.     }

  47. 

  48.     body {

  49. 

  50.         background: #f8fcff;

  51. 

  52.     }

  53. 

  54.     .shellfont {

  55. 

  56.         font-size: 0;

  57. 

  58.     }

  59. 

  60.     .ellipsis {

  61. 

  62.         overflow: hidden;

  63. 

  64.         text-overflow: ellipsis;

  65. 

  66.         white-space: nowrap

  67.     }

  68. 

  69.     .pad15 {

  70. 

  71.         padding: 0 15px;

  72. 

  73.         box-sizing: border-box;

  74. 

  75.     }

  76. 

  77.     .heads {

  78. 

  79.         width: 100%;

  80. 

  81.         height: 50px;

  82. 

  83.         display: flex;

  84. 

  85.         align-items: center;

  86. 

  87.         justify-content: space-between;

  88. 

  89.         background: #ebf0f8;

  90. 

  91.     }

  92. 

  93.     .heads > .logimgwrap {

  94. 

  95.         width: 40px;

  96. 

  97.         font-size: 0;

  98. 

  99.     }

  100. 

  101.     .heads > .logimgwrap > img {

  102. 

  103.         width: 40px;

  104. 

  105.     }

  106. 

  107.     .head-con {

  108. 

  109.         color: #675df7;

  110. 

  111.         font-size: 12px;

  112. 

  113.         margin: 0 5px;

  114. 

  115.         white-space: nowrap;

  116. 

  117.         flex: 1;

  118. 

  119.         overflow: hidden;

  120. 

  121.     }

  122. 

  123.     .head-app {

  124. 

  125.         color: #fff;

  126. 

  127.         height: 30px;

  128. 

  129.         padding: 0 10px;

  130. 

  131.         font-size: 12px;

  132. 

  133.         line-height: 30px;

  134. 

  135.         text-align: center;

  136. 

  137.         position: relative;

  138. 

  139.         border-radius: 10px;

  140. 

  141.         background-image: linear-gradient(-90deg, #ff2526 0%, #ff5e14 48%, #ff9601 100%);

  142. 

  143.         text-decoration: none;

  144. 

  145.     }

  146. 

  147.     .head-app > .app-abso {

  148. 

  149.         color: #fff;

  150. 

  151.         font-size: 12px;

  152. 

  153.         position: absolute;

  154. 

  155.         width: 185px;

  156. 

  157.         height: 30px;

  158. 

  159.         line-height: 35px;

  160. 

  161.         top: 32px;

  162. 

  163.         right: -10px;

  164. 

  165.         z-index: 555;

  166. 

  167.         background: url("../img/yj_ts_bg.png") no-repeat center;

  168. 

  169.         background-size: contain;

  170. 

  171.     }

  172. 

  173. 

  174.     /* 主体 */

  175. 

  176.     #subjectCon {

  177. 

  178.         width: 100%;

  179. 

  180.         font-size: 0;

  181. 

  182.         padding: 0 15px;

  183. 

  184.         box-sizing: border-box;

  185. 

  186.     }

  187. 

  188.     .banner {

  189. 

  190.         width: 100%;

  191. 

  192.         height: 340px;

  193. 

  194.     }

  195. 

  196.     .banner > img {

  197. 

  198.         width: 100%;

  199. 

  200.         height: 100%;

  201. 

  202.     }

  203. 

  204.     .shop-column {

  205. 

  206.         padding: 10px 0;

  207. 

  208.     }

  209. 

  210.     .shop-name {

  211. 

  212.         font-size: 14px;

  213. 

  214.         font-weight: bold;

  215. 

  216.     }

  217. 

  218.     .coupon-wrap {

  219. 

  220.         display: flex;

  221. 

  222.         justify-content: space-between;

  223. 

  224.         align-items: center;

  225. 

  226.     }

  227. 

  228.     .coupon-p > .coupon-text {

  229. 

  230.         color: #333;

  231. 

  232.         font-size: 14px;

  233. 

  234.     }

  235. 

  236.     .coupon-p > .newpri {

  237. 

  238.         color: #ff2626;

  239. 

  240.         font-size: 16px;

  241. 

  242.         font-weight: bold;

  243. 

  244.         margin: 0 5px;

  245. 

  246.     }

  247. 

  248.     .coupon-p > .oldpri {

  249. 

  250.         color: #666;

  251. 

  252.         font-size: 10px;

  253. 

  254.         text-decoration: line-through;

  255. 

  256.     }

  257. 

  258.     .coupon-imgwrap {

  259. 

  260.         width: 85px;

  261. 

  262.         height: 25px;

  263. 

  264.         margin-top: 10px;

  265. 

  266.         position: relative;

  267. 

  268.     }

  269. 

  270.     .coupon-imgwrap > img {

  271. 

  272.         width: 100%;

  273. 

  274.         height: 100%;

  275. 

  276.     }

  277. 

  278.     .coupon-imgwrap > .coupon-iconpri {

  279. 

  280.         color: #fff;

  281. 

  282.         width: 85px;

  283. 

  284.         height: 25px;

  285. 

  286.         font-size: 12px;

  287. 

  288.         text-align: center;

  289. 

  290.         line-height: 25px;

  291. 

  292.         position: absolute;

  293. 

  294.         left: 0;

  295. 

  296.         top: 0;

  297. 

  298.     }

  299. 

  300.     /* 价格栏 */

  301. 

  302.     .price-column {

  303. 

  304.         color: #594000;

  305. 

  306.         font-size: 16px;

  307. 

  308.         font-weight: bold;

  309. 

  310.         width: 100%;

  311. 

  312.         height: 55px;

  313. 

  314.         text-align: center;

  315. 

  316.         line-height: 55px;

  317. 

  318.         background: #f1f1f1;

  319. 

  320.     }

  321. 

  322.     .copy-wrap {

  323. 

  324.         width: 100%;

  325. 

  326.         padding: 15px 0;

  327. 

  328.         /* display: flex; */

  329. 

  330.         align-items: center;

  331. 

  332.         justify-content: space-evenly;

  333. 

  334.         text-align: center;

  335. 

  336.     }

  337. 

  338.     .copy-btn {

  339. 

  340.         color: #fff;

  341. 

  342.         height: 35px;

  343. 

  344.         line-height: 35px;

  345. 

  346.         font-size: 16px;

  347. 

  348.         padding: 0 30px;

  349. 

  350.         text-align: center;

  351. 

  352.         border-radius: 20px;

  353. 

  354.         background-image: linear-gradient(-90deg, #ff2526 0%, #ff5e14 48%, #ff9601 100%);

  355. 

  356.         display: inline-block;

  357. 

  358.     }

  359. 

  360.     .copy-text {

  361. 

  362.         color: #595d5c;

  363. 

  364.         font-size: 14px;

  365. 

  366.         width: 100%;

  367. 

  368.         height: 55px;

  369. 

  370.         line-height: 55px;

  371. 

  372.         text-align: center;

  373. 

  374.         background: #fff;

  375. 

  376.     }

  377. 

  378.     .copy-text > .taoimg {

  379. 

  380.         width: 20px;

  381. 

  382.         height: 20px;

  383. 

  384.         vertical-align: middle;

  385. 

  386.     }

  387. </style>

  388. 

  389. <script>

  390. 

  391.     $(document).ready(function () {

  392. 

  393.         $(document).attr("title", "{{.title}}");

  394.         loadJS("{{.mobUrl}}", function () {

  395.             MobLink([

  396.                 // {

  397.                 //     el: '',

  398.                 //     path: "",

  399.                 //     params: {

  400.                 //         tgid: tgid,

  401.                 //     }

  402.                 // },

  403.                 {

  404.                     el: '#downs1',

  405.                     path: "/invited",

  406.                     params: {

  407.                         tgid: "{{.tgid}}",

  408.                     }

  409.                 },

  410.                 {

  411.                     el: '#downloadButton',

  412.                     path: "/invited",

  413.                     params: {

  414.                         tgid: "{{.tgid}}",

  415.                     }

  416.                 },

  417.                 {

  418.                     el: '#downloadButton1',

  419.                     path: "/invited",

  420.                     params: {

  421.                         tgid: "{{.tgid}}",

  422.                     }

  423.                 },

  424.                 {

  425.                     el: '#downs2',

  426.                     path: "/invited",

  427.                     params: {

  428.                         tgid: "{{.tgid}}",

  429.                     }

  430. 

  431.                 },

  432.             ]);

  433.         });

  434. 

  435.         var u = navigator.userAgent, app = navigator.appVersion;

  436. 

  437.         var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Linux') > -1; //g

  438. 

  439.         var isIOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端

  440. 

  441.         if (isAndroid) {

  442.             $(".head-app").attr("href", "{{.android_url}}");

  443.         }

  444. 

  445.         if (isIOS) {

  446.             $(".head-app").attr("href", "{{.ios_url}}");

  447.         }

  448. 

  449.         var ua = navigator.userAgent.toLowerCase();

  450. 

  451.         if (/iphone|ipad|ipod/.test(ua)) {

  452. 

  453.             $(".head-app").attr("href", "{{.ios_url}}");

  454. 

  455.         }

  456. 

  457.         if (/android/.test(ua)) {

  458. 

  459.             $(".head-app").attr("href", "{{.android_url}}");

  460. 

  461.         }

  462. 

  463.         $("body *").removeProp();

  464. 

  465.         window.setTimeout(function () {

  466. 

  467.             $("body").css({"opacity": 1});

  468. 

  469.         }, 100);

  470. 

  471.         if (window.Clipboard && Clipboard.isSupported()) {

  472. 

  473.             var $copy = $(".copy-btn");//注意不能用# 只能用 . 类

  474. 

  475.             new Clipboard($copy[0], {

  476. 

  477.                 text: function () {

  478. 

  479.                     return $(".price-column").text() || '';

  480. 

  481.                 }

  482. 

  483.             }).on('success', function (e) {

  484. 

  485.                 e.clearSelection();

  486. 

  487.             });

  488. 

  489.             console.log(3);

  490. 

  491.         }

  492. 

  493.     });

  494. 

  495.     function loadJS(url, callback) {

  496. 

  497.         var script = document.createElement('script'),

  498.             fn = callback || function () {

  499. 

  500.             };

  501.         script.type = 'text/javascript';

  502. 

  503.         //IE

  504.         if (script.readyState) {

  505. 

  506.             script.onreadystatechange = function () {

  507. 

  508.                 if (script.readyState == 'loaded' || script.readyState == 'complete') {

  509.                     script.onreadystatechange = null;

  510.                     fn();

  511.                 }

  512.             };

  513.         } else {

  514.             //其他浏览器

  515.             script.onload = function () {

  516.                 fn();

  517.             };

  518.         }

  519.         script.src = url;

  520.         document.getElementsByTagName('head')[0].appendChild(script);

  521.     }

  522. 

  523.     function copy_() {

  524. 

  525.         var clipboard = new Clipboard(".copy-btn");

  526. 

  527.         clipboard.on("success", function (element) {

  528.             console.info("复制成功，复制内容：    " + element.text);

  529.         });

  530. 

  531.         clipboard.on("error", function (element) {

  532.             console.info(element);

  533.         });

  534. 

  535.     }

  536. 

  537.     var copyFalg = true;

  538. 

  539.     function copy_str() {

  540. 

  541.         copy_();

  542. 

  543.         $(".price-column").select();

  544. 

  545.         $("#fuzhi").html("复制成功，打开【手淘】购买");

  546. 

  547.         setTimeout(function () {

  548. 

  549.             $("#fuzhi").html("一键复制");

  550. 

  551.         }, 2000);

  552. 

  553.     }

  554. 

  555.     function down() {

  556. 

  557.         if (get_extend_onoff == 1) return false;

  558. 

  559.         window.location.href = '123';

  560. 

  561.     }

  562. 

  563. </script>

  564. 

  565. <if condition="'123'!='1'">

  566. 

  567. 

  568.     <div class="heads pad15">

  569. 

  570.         <div class="logimgwrap">

  571. 

  572.             <img src="{{.appLog}}" alt="">

  573. 

  574.         </div>

  575. 

  576.         <marquee class="head-con" scrollAmount="3">

  577. 

  578.             好货

  579. 

  580.         </marquee>

  581. 

  582.         <a class="head-app" id='downloadButton'>下载APP

  583. 

  584.             <!--<div class="app-abso">下载APP后购买再省1.6元</div>-->

  585. 

  586.         </a>

  587. 

  588.     </div>

  589. 

  590. </if>

  591. 

  592. <!-- 主体 -->

  593. 

  594. <div id="subjectCon">

  595. 

  596.     <!-- 轮播 -->

  597. 

  598.     <div class="banner shellfont">

  599. 

  600.         <img src="{{.image}}" alt="">

  601. 

  602.     </div>

  603. 

  604.     <!-- 商品介绍 -->

  605. 

  606.     <div class="shop-column shellfont">

  607. 

  608.         <p class="shop-name ellipsis">{{.goodTitle}}</p>

  609. 

  610.         <div class="coupon-wrap">

  611. 

  612.             <p class="coupon-p">

  613. 

  614.                 <span class="coupon-text">

  615. 

  616.                     <if condition="'{{.goodCouponPrice}}'!='0'">券后价

  617.                         <else/>价格

  618.                     </if>

  619. 

  620. 

  621. 

  622.                 </span><span class="newpri">￥{{.goodPrice}}</span><span

  623.                     class="oldpri">￥{{.goodCostPrice}}</span>

  624. 

  625.             </p>

  626. 

  627.             <if condition="'{{.goodPrice}}'!='0'">

  628. 

  629.                 <div class="coupon-imgwrap">

  630. 

  631.                     <img src="http://ossq.izhyin.cn/yj_quan_bg.png" alt="">

  632. 

  633.                     <p class="coupon-iconpri">{{.goodCouponPrice}}元券</p>

  634. 

  635.                 </div>

  636. 

  637.             </if>

  638. 

  639.         </div>

  640. 

  641.     </div>

  642. 

  643.     <!-- 价格栏 -->

  644. 

  645.     <div class="price-column">{{.tkl}}</div>

  646. 

  647.     <!-- 一键复制 -->

  648. 

  649.     <div class="copy-wrap">

  650. 

  651.         <a class="copy-btn" id="fuzhi" onclick="copy_str();">一键复制</a>

  652. 

  653.     </div>

  654. 

  655.     <!-- 复制栏 -->

  656. 

  657.     <div class="copy-text">

  658. 

  659.         长按复制上方口令，打开手机【<img class="taoimg" style="height: 16px;width: 16px;"

  660.                            src="http://ossq.izhyin.cn/taoimg.jpg" alt="">】购买

  661. 

  662.     </div>

  663. 

  664. </div>