sharelink.html 3.3 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485
  1. <!doctype html>
  2. <html class="no-js shareBg">
  3. <head>
  4. <meta charset="utf-8">
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6. <meta name="description" content="">
  7. <meta name="keywords" content="">
  8. <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
  9. <title>我的分享</title>
  10. <!-- Set render engine for 360 browser -->
  11. <meta name="renderer" content="webkit">
  12. <link rel="stylesheet" href="__CDN__/assets/shop/css/amazeui.css">
  13. <link rel="stylesheet" href="__CDN__/assets/shop/css/app.css">
  14. <style>
  15. .shareBg{
  16. background: url({$shareBg}) no-repeat;
  17. background-size: 100%;
  18. }
  19. div[data-html="share"] .content{ top: 27%; bottom: none;}
  20. .icon-qcorde{width: 200px;
  21. }
  22. .share {
  23. margin-top: 90%;
  24. }
  25. </style>
  26. </head>
  27. <body>
  28. <header data-am-widget="header" class="am-header am-header-default" style=" background-color: transparent;">
  29. <div class="am-header-left am-header-nav">
  30. <a href="javascript:void(0);" onclick="javascript:history.back(-1);return false;"><i class=" am-text-white am-header-icon am-icon-angle-left"></i></a>
  31. </div>
  32. <h1 class="am-header-title am-text-white">邀请好友
  33. </h1>
  34. </header>
  35. <!-- Content -->
  36. <div class="wapper am-padding-top-0" data-html="share">
  37. <div class="content">
  38. <!-- <div class="am-padding-sm am-bg-white">-->
  39. <!-- <img src="{$imgurl}?code={php}echo rand(1,99){/php}" class="icon-qcorde">-->
  40. <!-- <div>面对面注册邀请好友</div>-->
  41. <!-- </div>-->
  42. <div class="share">
  43. <div class="am-text-black am-bold am-text-lg am-padding-sm am-text-white">
  44. 我的邀请码:<em class="url-link">{$user.username}</em>
  45. </div>
  46. <div class="am-padding-top-sm am-padding-bottom-sm">
  47. <input type="button" class="am-btn am-btn-primary am-round copy-btn " onclick="copyUrl();" value="复制邀请码" style="width: 200px;"/>
  48. </div>
  49. <div class="am-padding-top-sm am-padding-bottom-sm">
  50. <input type="hidden" class="am-form-field am-radius url-link1" value="{$tjurl}" readonly="readonly" />
  51. <input type="button" class="am-btn am-btn-primary am-round copy-btn " onclick="copyUrl1();" value="复制邀请链接" style="width: 200px;"/>
  52. </div>
  53. <div class="am-padding-top-sm am-padding-bottom-sm">
  54. <input type="button" class="am-btn am-btn-primary am-round copy-btn " onclick="javascript: location='/shop/user/material';" value="推广素材" style="width: 200px;"/>
  55. </div>
  56. </div>
  57. </div>
  58. </div>
  59. <script src="__CDN__/assets/shop/js/jquery.min.js"></script>
  60. <script src="__CDN__/assets/shop/js/amazeui.min.js"></script>
  61. <script src="__CDN__/assets/libs/layer/layer.js"></script>
  62. <script type="text/javascript">
  63. function copyUrl(){
  64. var txt=$(".url-link").text();
  65. copy(txt);
  66. }
  67. function copy(message) {
  68. var input = document.createElement("input");
  69. input.value = message;
  70. document.body.appendChild(input);
  71. input.select();
  72. input.setSelectionRange(0, input.value.length), document.execCommand('Copy');
  73. document.body.removeChild(input);
  74. layer.msg("{:__('复制成功')}");
  75. }
  76. function copyUrl1(){
  77. var txt=$(".url-link1").val();
  78. copy(txt);
  79. }
  80. </script>
  81. </body>
  82. </html>