czcoin.html 7.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154
  1. <!DOCTYPE html>
  2. <html lang="zh-CN" style="background:#fff;">
  3. <head>
  4. <meta charset="utf-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1">
  6. <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
  7. <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.5.0/dist/css/bootstrap.min.css" integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous">
  8. <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.3.0/font/bootstrap-icons.css">
  9. <link rel="stylesheet" type="text/css" href="/Public/Static/css/base2.css" />
  10. <link rel="stylesheet" href="/Public/Static/Icoinfont/iconfont.css">
  11. <script src="/Public/Static/Icoinfont/iconfont.js"></script>
  12. <title>{$webname}</title>
  13. <style>
  14. ::-webkit-input-placeholder {color: #b5b5b5;font-size: 12px;}
  15. ::-moz-placeholder {color: #b5b5b5;font-size: 12px;}
  16. input:focus{background:#f5f5f5;outline: 1px solid #f5f5f5;}
  17. a:hover,a:link,a:visited,a:active{color:#707A8A;text-decoration:none;}
  18. .topbox{width:100%;height:50px;border-bottom:1px solid #f5f5f5;padding:5px 10px;position: fixed;top: 0px;background: #fff;}
  19. .topbox_1{width:80%;height:40px;float:left;padding:0px 10px;}
  20. .topbox_1_b{width:100%;height:30px;margin-top:5px;background:#f5f5f5;border-radius:15px;padding:0px 5px;}
  21. .topbox_2{width:20%;height:40px;line-height:40px;float:left;text-align:center;}
  22. .sybolc{width:80%;height:25px;line-height:25px;margin-top:2px;border:#f5f5f5;background:#f5f5f5;}
  23. .topbox_1_c{width:20%;height:30px;line-height:30px;text-align:center;float:left;}
  24. .topbox_1_d{width:80%;height:30px;line-height:30px;float:right;}
  25. .lmcoin{width:20%;height:30px;line-height:30px;float:left;text-align:center;border:1px solid #707A8A;border-radius:5px;margin-right:5%;}
  26. .coinlistbox{width:100%;margin-top:10px;padding:10px;}
  27. .coinlistbox_top{width:100%;height:30px;line-height:30px;}
  28. .coinlistbox_info{width:100%;padding:10px 0px;;padding:5px;}
  29. .coinlistbox_info_list{width:100%;height:40px;border-bottom:1px solid #f5f5f5;margin-top:10px;}
  30. .coinlistbox_info_list_l{width:30%;height:40px;line-height:40px;float:left;}
  31. .coinlistbox_info_list_c{width:30%;height:40px;line-height:40px;float:left;}
  32. .coinlistbox_info_list_r{width:40%;height:40px;line-height:40px;float:right;text-align:right;}
  33. </style>
  34. </head>
  35. <body style="background:#fff;">
  36. <div class="container-fluid " style="padding:0px;width:100vw;">
  37. <div class="topbox">
  38. <div class="topbox_1" style="">
  39. <div class="topbox_1_b">
  40. <div class="topbox_1_c">
  41. <i class="bi bi-search"></i>
  42. </div>
  43. <div class="topbox_1_d">
  44. <input type="text" oninput="findc();" id="symbol" class="sybolc" placeholder="{:L('搜索您需要的币种')}" />
  45. </div>
  46. </div>
  47. </div>
  48. <div class="topbox_2" onclick="goback();">
  49. <span class="fzmmm fch">{:L('取消')}</span>
  50. </div>
  51. </div>
  52. <div style="width:100%;height:100px;margin-top:50px;padding:10px;">
  53. <div style="width:100%;height:30px;line-height:30px;">
  54. <span class="fzmmm fch" style="padding:5px;border-bottom:3px solid #FCD535;">{:L('热门币种')}</span>
  55. </div>
  56. <div style="width:100%;height:70px;padding:20px;">
  57. <a href="{:U('User/czpage')}?id=4">
  58. <div class="lmcoin">
  59. <span class="fzmm fch">USDT</span>
  60. </div>
  61. </a>
  62. <a href="{:U('User/czpage')}?id=6">
  63. <div class="lmcoin">
  64. <span class="fzmm fch">BTC</span>
  65. </div>
  66. </a>
  67. <a href="{:U('User/czpage')}?id=7">
  68. <div class="lmcoin">
  69. <span class="fzmm fch">ETH</span>
  70. </div>
  71. </a>
  72. <a href="{:U('User/czpage')}?id=16">
  73. <div class="lmcoin">
  74. <span class="fzmm fch">TRX</span>
  75. </div>
  76. </a>
  77. </div>
  78. </div>
  79. <div class="coinlistbox">
  80. <div class="coinlistbox_top">
  81. <span class="fzmmm fch" style="padding:5px;border-bottom:3px solid #FCD535;">{:L('币种列表')}</span>
  82. </div>
  83. <div class="coinlistbox_info" id="coinbox">
  84. <foreach name="list" item="vo">
  85. <a href="{:U('User/czpage')}?id={$vo.id}">
  86. <div class="coinlistbox_info_list">
  87. <div class="coinlistbox_info_list_l">
  88. <span class="fzmmm fcc"><?php echo strtoupper($vo['name']);?></span>
  89. </div>
  90. <div class="coinlistbox_info_list_c">
  91. <span class="fzmm fcc"><?php echo L($vo['title']);?></span>
  92. </div>
  93. <div class="coinlistbox_info_list_r">
  94. <if condition="$vo.czstatus neq 1">
  95. <span class="fzm fcc">{:L('不支持充币')}</span>
  96. </if>
  97. <i class="bi bi-chevron-right fcc"></i>
  98. </div>
  99. </div>
  100. </a>
  101. </foreach>
  102. </div>
  103. </div>
  104. </div>
  105. </body>
  106. <script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
  107. <script type="text/javascript" src="/Public/Static/js/layer/layer.js" ></script>
  108. <script type="text/javascript">
  109. function findc(){
  110. var symbol = $("#symbol").val();
  111. $.post("{:U('User/getsymbol')}",
  112. {'symbol' : symbol},
  113. function(data){
  114. if(data.code == 1){
  115. $("#coinbox").empty();
  116. var html = '';
  117. if(data.info != '' || data.info != null){
  118. html += '<a href="/User/czpage.html?id='+ data.info.id +'">'+
  119. '<div class="coinlistbox_info_list">'+
  120. '<div class="coinlistbox_info_list_l">'+
  121. '<span class="fzmmm fcc">' + data.info.uname + '</span>'+
  122. '</div>'+
  123. '<div class="coinlistbox_info_list_c">'+
  124. '<span class="fzmm fcc">' + data.info.title + '</span>'+
  125. '</div>'+
  126. '<div class="coinlistbox_info_list_r">'+
  127. '<i class="bi bi-chevron-right fcc"></i>'+
  128. '</div>'+
  129. '</div>'+
  130. '</a>';
  131. $("#coinbox").append(html);
  132. }
  133. }
  134. });
  135. }
  136. </script>
  137. <script type="text/javascript">
  138. function goback(){
  139. window.location.href = "{:U('User/index')}";
  140. }
  141. </script>
  142. </html>