czpage.html 20 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417
  1. <!DOCTYPE html>
  2. <html lang="zh-CN">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  5. <meta name="viewport" content="width=device-width,minimum-scale=1,maximum-scale=1.0,initial-scale=1,user-scalable=no,viewport-fit=true" data-shuvi-head="true">
  6. <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.5.0/dist/css/bootstrap.min.css" integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous">
  7. <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.3.0/font/bootstrap-icons.css">
  8. <link rel="stylesheet" type="text/css" href="/Public/Home/static/css/base.css" />
  9. <title>{$webname}</title>
  10. <style>
  11. .css-ogtd7z {
  12. box-sizing: border-box;
  13. margin: 0px;
  14. min-width: 0px;
  15. display: flex;
  16. transition: all 1s ease 0s;
  17. -webkit-box-pack: center;
  18. justify-content: center;
  19. background-color: rgb(254, 241, 242);
  20. }
  21. .css-jrzkh7 {
  22. box-sizing: border-box;
  23. margin: 0px;
  24. min-width: 0px;
  25. background-color: rgb(24, 26, 32);
  26. }
  27. .css-1aac2e {
  28. box-sizing: border-box;
  29. margin: 0px auto;
  30. min-width: 0px;
  31. padding-left: 24px;
  32. padding-right: 24px;
  33. max-width: 1248px;
  34. background-color: rgb(254, 241, 242);
  35. }
  36. .css-1wr4jig {
  37. box-sizing: border-box;
  38. margin: 0px;
  39. min-width: 0px;
  40. display: flex;
  41. flex-direction: column;
  42. flex: 1 1 0%;
  43. }
  44. .css-1ay57iv {
  45. box-sizing: border-box;
  46. margin: 0px;
  47. min-width: 0px;
  48. display: flex;
  49. background-color: rgb(250, 250, 250);
  50. flex: 1 1 0%;
  51. flex-direction: column;
  52. }
  53. .css-8hzjvg {
  54. box-sizing: border-box;
  55. margin: 0px;
  56. min-width: 0px;
  57. padding: 24px 16px;
  58. padding-left: 24px;
  59. padding-right: 24px;
  60. }
  61. .css-1eklhqk {
  62. box-sizing: border-box;
  63. min-width: 0px;
  64. width: 100%;
  65. max-width: 1200px;
  66. margin: 0px auto;
  67. }
  68. .css-190uhut {
  69. box-sizing: border-box;
  70. margin: 0px;
  71. min-width: 0px;
  72. display: flex;
  73. -webkit-box-align: center;
  74. align-items: center;
  75. -webkit-box-pack: justify;
  76. justify-content: space-between;
  77. }
  78. .css-11y6cix {
  79. box-sizing: border-box;
  80. margin: 0px;
  81. min-width: 0px;
  82. display: flex;
  83. -webkit-box-align: center;
  84. align-items: center;
  85. flex: 1 1 0%;
  86. }
  87. .css-146agw4 {
  88. box-sizing: border-box;
  89. margin: 0px;
  90. min-width: 0px;
  91. color: currentcolor;
  92. font-size: 24px;
  93. fill: currentcolor;
  94. cursor: pointer;
  95. width: 32px;
  96. height: 32px;
  97. font-size: 32px;
  98. margin-left: -48px;
  99. }
  100. .css-1djsyd6 {
  101. box-sizing: border-box;
  102. margin: 0px 0px 0px 16px;
  103. min-width: 0px;
  104. font-weight: 600;
  105. font-size: 24px;
  106. line-height: 32px;
  107. }
  108. .css-1dihobw {
  109. box-sizing: border-box;
  110. margin: 0px;
  111. min-width: 0px;
  112. flex: 1 1 0%;
  113. background-color: rgb(255, 255, 255);
  114. border-radius: 40px 40px 0px 0px;
  115. padding: 24px 16px;
  116. padding-left: 24px;
  117. padding-right: 24px;
  118. }
  119. .css-1eklhqk {
  120. box-sizing: border-box;
  121. min-width: 0px;
  122. width: 100%;
  123. max-width: 1200px;
  124. margin: 0px auto;
  125. }
  126. .css-tu2ioc {
  127. box-sizing: border-box;
  128. margin: 0px;
  129. min-width: 0px;
  130. display: flex;
  131. padding-top: 0px;
  132. padding-bottom: 0px;
  133. flex-flow: column wrap;
  134. padding-top: 16px;
  135. padding-bottom: 16px;
  136. flex-direction: row;
  137. }
  138. .css-1ekpz1z {
  139. box-sizing: border-box;
  140. margin: 0px;
  141. min-width: 0px;
  142. order: 1;
  143. flex: 1 1 0%;
  144. }
  145. .czbox{width:100%;height:80px;margin-bottom:20px;}
  146. .czbox_1{width:30%;height:80px;float:left;}
  147. .czbox_2{width:70%;height:80px;float:right;}
  148. .czbox_3{width:100%;height:20px;line-height:20px;}
  149. .czbox_4{width:100%;height:50px;line-height:50px;margin-top:5px;border:1px solid #f5f5f5;padding-left:15px;border-radius:5px;}
  150. .czbox_4:hover{border:1px solid #FCD535;}
  151. .czbox_9{width:40%;height:50px;line-height:50px;margin-top:5px;border:1px solid #f5f5f5;padding-left:15px;border-radius:5px;float:left;}
  152. .czbox_9:hover{border:1px solid #FCD535;background-color:#FCD535;}
  153. .czbox_5{width:50%;height:30px;border:1px solid #fff;background-color:#fff;color:#000;font-size:14px;}
  154. .czbox_5:hover{border:1px solid #fff;background-color:#fff;}
  155. .czbox_5 input:focus{border:1px solid #fff;background-color:#fff;}
  156. .layui-upload-file {
  157. display: none!important;
  158. opacity: .01;
  159. }
  160. </style>
  161. </head>
  162. <body>
  163. <div class="App">
  164. <div class="css-tq0shg">
  165. <include file="Public:header"/>
  166. <div class="css-ogtd7z">
  167. <div class="css-jrzkh7">
  168. <div id="header_global_js_wxgy34nj" class="css-1aac2e"></div>
  169. </div>
  170. </div>
  171. <main class="css-1wr4jig">
  172. <main class="css-xry4yv">
  173. <div class="css-1ay57iv">
  174. <div class="css-8hzjvg">
  175. <div class="css-1eklhqk">
  176. <div class="css-190uhut">
  177. <div class="css-11y6cix" onclick="goback();">
  178. <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" class="css-146agw4"><path d="M16.414 18.586L15 20l-8-8 8-8 1.414 1.414L9.828 12l6.586 6.586z" fill="#76808F"></path>
  179. </svg>
  180. <div data-bn-type="text" class="css-1djsyd6">{:L('数字货币充值')}</div>
  181. </div>
  182. </div>
  183. </div>
  184. </div>
  185. <div class="css-1dihobw">
  186. <div class="css-1eklhqk">
  187. <div class="css-tu2ioc" style="width:60%;float:left;">
  188. <div class="css-1ekpz1z">
  189. <div class="czbox">
  190. <div class="czbox_1">
  191. <span class="fch f16">{:L('选择币种')}</span>
  192. </div>
  193. <div class="czbox_2">
  194. <div class="czbox_3">
  195. <span class="fch f12">{:L('币种')}</span>
  196. </div>
  197. <div class="czbox_4">
  198. <span class="fch f14"><?php echo strtoupper($info['name']);?></span>
  199. </div>
  200. </div>
  201. </div>
  202. <div class="czbox" style="margin-bottom:0px;">
  203. <div class="czbox_1">
  204. <span class="fch f16">{:L('充值网络')}</span>
  205. </div>
  206. <div class="czbox_2">
  207. <div class="czbox_3">
  208. <span class="fch f12">{:L('网络')}</span>
  209. </div>
  210. <button class="czbox_9" class="fch f14" onclick="tec()">{$info.czline}</button>
  211. <button id="yincang" class="czbox_9" style="margin-left:10px" class="fch f14" onclick="dianji()">ERC20</button>
  212. </div>
  213. </div>
  214. <div class="czbox" style="min-height:200px;">
  215. <div class="czbox_1" style="min-height:200px;"></div>
  216. <div class="czbox_2" style="min-height:200px;">
  217. <div style="width:100%;min-height:200px;margin-top:10px;">
  218. <div style="width:100%;height:120px;text-align:center;" id="tupian">
  219. <img src="/Public/Static/coinimgs/{$address}.png" style="height:120px;" />
  220. </div>
  221. <div style="width:100%;height:40px;line-height:40px;text-align:center;">
  222. <input type="hidden" id="czaddress" value="{$info.czaddress}" />
  223. <span id="dizhi">{$info.czaddress}</span>
  224. <i class="bi bi-back fcy" style="cursor:pointer;" onclick="copyUrl()"></i>
  225. </div>
  226. </div>
  227. </div>
  228. </div>
  229. <div class="czbox">
  230. <div class="czbox_1">
  231. <span class="fch f16">{:L('充值数量')}</span>
  232. </div>
  233. <div class="czbox_2">
  234. <div class="czbox_3">
  235. <span class="fch f12">{:L('数量')}</span>
  236. </div>
  237. <div class="czbox_4">
  238. <input class="czbox_5" type="text" id="zznum" name="zznum" />
  239. </div>
  240. </div>
  241. </div>
  242. <div class="czbox" style="height:120px;">
  243. <div class="czbox_1" style="height:120px;">
  244. <span class="fch f16">{:L('上传转账凭证')}</span>
  245. </div>
  246. <div class="czbox_2" style="height:120px;">
  247. <div class="czbox_3">
  248. <span class="fch f12">{:L('转账凭证')}</span>
  249. </div>
  250. <div class="czbox_4" style="min-height:100px;border: none;text-align:center;">
  251. <img src="/Public/Static/img/upimg.png" id="test1" style="height:100px;">
  252. </div>
  253. </div>
  254. </div>
  255. <input type="hidden" id="payimg" value="" />
  256. <input type="hidden" id="coinname" value="{$info.name}" />
  257. <input type="hidden" id="cid" value="{$info.id}" />
  258. <input type="hidden" id="flag" value="1" />
  259. <div class="czbox">
  260. <div class="czbox_2">
  261. <div class="czbox_3"></div>
  262. <div id="sumbtn" class="czbox_4" style="background: linear-gradient(to left,#eeb80d,#ffe35b);text-align:center;cursor:pointer;">
  263. <span class="fch f14">{:L('提交')}</span>
  264. </div>
  265. </div>
  266. </div>
  267. </div>
  268. </div>
  269. <div style="width:35%;height:600px;float:right;padding:10px;">
  270. <div style="width:100%;height:60px;line-height:60px;">
  271. <span>{:L('温馨提示')}</span>
  272. </div>
  273. <div style="width:100%;min-height:180px;padding:10px;">
  274. <span class="f14" style="color:red;">{:L('最小充值金额')}:<?php echo strtoupper($info['czminnum']);?><?php echo strtoupper($info['name']);?>,{:L('小于最小金额的充值将不会上账且无法退回')}</span><br /><br />
  275. <span class="f12 fch">{:L('请选择正确的充值通道网络,否则资产将不可找回')}</span><br /><br />
  276. <span class="f14 fch">{:L('最小充值金额')}:<?php echo strtoupper($info['czminnum']);?><?php echo strtoupper($info['name']);?>,{:L('小于最小金额的充值将不会上账且无法退回')}</span><br /><br />
  277. <span class="f14 fch">{:L('您的充值地址不会经常改变,可以重复充值;如有更改,我们会尽量通过网站公告或邮件通知您')}</span><br /><br />
  278. <span class="f14 fch">{:L('请务必确认电脑及浏览器安全,防止信息被篡改或泄露')}</span>
  279. <br />
  280. </div>
  281. </div>
  282. </div>
  283. </div>
  284. </div>
  285. </main>
  286. </main>
  287. <include file="Public:footer"/>
  288. </div>
  289. </div>
  290. </body>
  291. <script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
  292. <script type="text/javascript" src="/Public/Home/static/js/layer/layer.js" ></script>
  293. <script type="text/javascript" src="/Public/Home/static/js/jquery.SuperSlide.2.1.1.js" ></script>
  294. <script type="text/javascript" src="__PUBLIC__/layui/layui.js"></script>
  295. <script type="text/javascript">
  296. var img = "{$addresss}";
  297. var dizhi = "{$infos.czaddress}";
  298. var name = "{$info.name}";
  299. if(name != 'usdt'){
  300. $("#yincang").attr("style","display:none;");//隐藏div
  301. }
  302. function tec(){
  303. location.reload();
  304. }
  305. function dianji(){
  306. $("#czaddress").val(img);
  307. $("#dizhi").html(img);
  308. $("#tupian").html('<img src="/Public/Static/coinimgs/'+img+'.png" style="height:120px;"/>')
  309. }
  310. $("#sumbtn").click(function(){
  311. var flag = $("#flag").val();
  312. if(flag == 2){
  313. return false;
  314. }
  315. var zznum = $("#zznum").val();
  316. var payimg = $("#payimg").val();
  317. var coinname = $("#coinname").val();
  318. var cid = $("#cid").val();
  319. if(cid <= 0){
  320. layer.msg("{:L('缺少重要参数')}");return false;
  321. }
  322. if(zznum <= 0){
  323. layer.msg("{:L('请输入转账额度')}");return false;
  324. }
  325. if(payimg == ''){
  326. layer.msg("{:L('请上传转账凭证')}");return false;
  327. }
  328. $("#flag").val(2)
  329. $.post("{:U('Finance/paycoin')}",
  330. {'cid' : cid,'zznum':zznum,'payimg':payimg,'coinname':coinname},
  331. function(data){
  332. if(data.code == 1){
  333. layer.msg(data.info);
  334. setTimeout(function(args){
  335. window.location.reload();
  336. },2000);
  337. }else{
  338. layer.msg(data.info);return false;
  339. }
  340. }
  341. );
  342. });
  343. </script>
  344. <script type="text/javascript">
  345. function copyUrl(){
  346. var qrcode_url=$("#czaddress").val();
  347. copy(qrcode_url);
  348. }
  349. function copy(message) {
  350. var input = document.createElement("input");
  351. input.value = message;
  352. document.body.appendChild(input);
  353. input.select();
  354. input.setSelectionRange(0, input.value.length), document.execCommand('Copy');
  355. document.body.removeChild(input);
  356. layer.msg("{:L('复制成功')}");
  357. }
  358. </script>
  359. <script type="text/javascript">
  360. layui.use('upload', function(){
  361. var upload = layui.upload;
  362. var uploadInst = upload.render({
  363. elem: '#test1' //绑定元素
  364. ,url: '{:U("User/recharge_img")}' //上传接口
  365. ,done: function(res){
  366. console.log(res);
  367. if(res.code == 0){
  368. $('#payimg').val(res.data.img);
  369. $("#test1").attr('src',res.data.src);
  370. }
  371. }
  372. ,error: function(){
  373. layer.msg("{:L('上传失败')}");
  374. }
  375. });
  376. });
  377. </script>
  378. <script type="text/javascript">
  379. function goback(){
  380. self.location=document.referrer;
  381. }
  382. </script>
  383. <script type="text/javascript">
  384. $("#nav").slide({
  385. type:"menu",// 效果类型,针对菜单/导航而引入的参数(默认slide)
  386. titCell:".nLi", //鼠标触发对象
  387. targetCell:".sub", //titCell里面包含的要显示/消失的对象
  388. effect:"slideDown", //targetCell下拉效果
  389. delayTime:300 , //效果时间
  390. triggerTime:0, //鼠标延迟触发时间(默认150)
  391. returnDefault:true //鼠标移走后返回默认状态,例如默认频道是“预告片”,鼠标移走后会返回“预告片”(默认false)
  392. });
  393. </script>
  394. </html>