sharelink.html 3.0 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576
  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({:config('site')['share_bg']}) no-repeat;
  17. background-size: 100%;
  18. }
  19. div[data-html="share"] .content{ top: 27%; bottom: none;}
  20. .icon-qcorde{width: 200px;
  21. }
  22. </style>
  23. </head>
  24. <body>
  25. <header data-am-widget="header" class="am-header am-header-default" style=" background-color: transparent;">
  26. <div class="am-header-left am-header-nav">
  27. <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>
  28. </div>
  29. <h1 class="am-header-title am-text-white">邀请好友
  30. </h1>
  31. </header>
  32. <!-- Content -->
  33. <div class="wapper am-padding-top-0" data-html="share">
  34. <div class="content">
  35. <div class="am-padding-sm am-bg-white">
  36. <img src="{$imgurl}?code={php}echo rand(1,99){/php}" class="icon-qcorde">
  37. <div>面对面注册邀请好友</div>
  38. </div>
  39. <div class="am-text-black am-bold am-text-lg am-padding-sm am-text-white">
  40. 我的邀请码:<em class="url-link">{$user.username}</em>
  41. </div>
  42. <div class="am-padding-top-sm am-padding-bottom-sm">
  43. <input type="button" class="am-btn am-btn-primary am-round copy-btn " onclick="copyUrl();" value="复制邀请码" style="width: 200px;"/>
  44. </div>
  45. <div class="am-padding-top-sm am-padding-bottom-sm">
  46. <input type="hidden" class="am-form-field am-radius url-link1" value="{$tjurl}" readonly="readonly" />
  47. <input type="button" class="am-btn am-btn-primary am-round copy-btn " onclick="copyUrl1();" value="复制邀请链接" style="width: 200px;"/>
  48. </div>
  49. </div>
  50. </div>
  51. <script src="__CDN__/assets/shop/js/jquery.min.js"></script>
  52. <script src="__CDN__/assets/shop/js/amazeui.min.js"></script>
  53. <script src="__CDN__/assets/libs/layer/layer.js"></script>
  54. <script type="text/javascript">
  55. function copyUrl(){
  56. var txt=$(".url-link").text();
  57. copy(txt);
  58. }
  59. function copy(message) {
  60. var input = document.createElement("input");
  61. input.value = message;
  62. document.body.appendChild(input);
  63. input.select();
  64. input.setSelectionRange(0, input.value.length), document.execCommand('Copy');
  65. document.body.removeChild(input);
  66. layer.msg("{:__('复制成功')}");
  67. }
  68. function copyUrl1(){
  69. var txt=$(".url-link1").val();
  70. copy(txt);
  71. }
  72. </script>
  73. </body>
  74. </html>