index.html 5.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134
  1. <!DOCTYPE html>
  2. <html lang="zh-CN">
  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" type="text/css" href="/Public/Static/css/nologed.css" />
  11. <link rel="stylesheet" href="/Public/Static/Icoinfont/iconfont.css">
  12. <script src="/Public/Static/Icoinfont/iconfont.js"></script>
  13. <title>{$webname}</title>
  14. <style>
  15. ::-webkit-input-placeholder {color: #b5b5b5;font-size: 12px;}
  16. ::-moz-placeholder {color: #b5b5b5;font-size: 12px;}
  17. input:focus{background:#ebecf0;outline: 1px solid #ebecf0;}
  18. a:hover,a:link,a:visited,a:active{color:#707A8A;text-decoration:none;}
  19. .no_header{position: fixed;z-index: 9999;background:#fff;padding:0px 10px;top:0px;}
  20. .txtl{line-height:50px;width:10%;}
  21. .oreimgbox{width:100%;height:150px;margin-top:50px;}
  22. .btmbox{width:100%;height:60px;background:#f5f5f5;}
  23. .orebox{width:100%;margin:0px auto;background:#fff;margin-bottom:10px;box-shadow: 0 2px 10px 0 rgb(0 0 0 / 10%);padding: 10px;}
  24. .progress-bar{color: #000;background-color: #f3c420;}
  25. .progress{height:0.9rem;background-color: #f5f5f5;border-radius: .5rem;}
  26. .obbox{width:33.33%;height:60px;float:left;}
  27. .obbox_h{width:100%;height:30px;line-height:20px;}
  28. .issuebox{width:100%;height:500px;background:#f5f5f5;padding:10px 0px;}
  29. </style>
  30. </head>
  31. <body>
  32. <div class="container-fluid " style="padding:0px;width:100vw;">
  33. <div class="no_header">
  34. <a href="{:U('Trade/tradelist')}">
  35. <div class="fl allhg txtl">
  36. <i class="bi bi-arrow-left fcc fw" style="font-size: 24px;"></i>
  37. </div>
  38. </a>
  39. <div class="fl allhg" id="centerbox" style="width:80%;text-align:center;line-height:50px;">
  40. <span class="fcc fzmmm">{:L('新币认购')}</span>
  41. </div>
  42. <a href="{:U('Issue/issuelog')}">
  43. <div class="fr allhg txtr" style="line-height:50px;width:10%;">
  44. <i class="bi bi-funnel fcy" style="font-size:20px;"></i>
  45. </div>
  46. </a>
  47. </div>
  48. <div class="oreimgbox">
  49. <img src="/Upload/public/{$webissue}" class="d-block w-100" style="height:150px;" />
  50. </div>
  51. <!--认购项目列表-->
  52. <div id="zlbox" class="issuebox">
  53. <empty name="list" >
  54. <div style="width:100%;height:200px;line-height:200px;text-align:center;">
  55. <i class="bi bi-exclamation-circle fzmmm"></i>
  56. <span class="fcc fzmmm">{:L('暂时没有认购项目')}</span>
  57. </div>
  58. <else />
  59. <foreach name="list" item="vo">
  60. <a href="{:U('Issue/details')}?id={$vo.id}">
  61. <div class="orebox">
  62. <div style="width:100%;height:120px;">
  63. <div style="width:30%;height:120px;line-height: 120px;float:left;text-align: center;">
  64. <img src="/Upload/public/{$vo.imgs}" style="width:80%;"/>
  65. </div>
  66. <div style="width:70%;height:120px;float:left;padding:5px;">
  67. <p class="fzmmm fcc fw" style="margin-bottom:3px;">{$vo.name}</p>
  68. <p class="fzmm fcc" style="margin-bottom:3px;">{:L('认购币种')}:<?php echo strtoupper($vo['coinname']);?></p>
  69. <p class="fzmm fcc" style="margin-bottom:3px;">{:L('开始时间')}:{$vo.starttime}</p>
  70. <p class="fzmm fcc" style="margin-bottom:3px;">{:L('结束时间')}:<?php echo strtoupper($vo['finishtime']);?></p>
  71. </div>
  72. </div>
  73. <div style="width:100%;">
  74. <div class="progress">
  75. <?php if(strtotime($vo['starttime']) <= time()){?>
  76. <div class="progress-bar" role="progressbar" style="width:<?php echo ($vo['ysnum'] + $vo['sellnum']) / $vo['num'] * 100;?>%;" aria-valuenow="<?php echo ($vo['ysnum'] + $vo['sellnum']) / $vo['num'] * 100;?>" aria-valuemin="0" aria-valuemax="100"><?php echo ($vo['ysnum'] + $vo['sellnum']) / $vo['num'] * 100;?>%</div>
  77. <?php }elseif(strtotime($vo['starttime']) > time()){?>
  78. <div class="progress-bar" role="progressbar" style="width:0%;" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100">0%</div>
  79. <?php }?>
  80. </div>
  81. </div>
  82. <div style="width:100%;height:60px;margin-top:15px;padding:0px 15px;">
  83. <div class="obbox" style="width:40%;">
  84. <div class="obbox_h">
  85. <span class="fzmm fcc">{:L('发行总量')}</span>
  86. </div>
  87. <div class="obbox_h">
  88. <span class="fzmm fcc">{$vo.num}</span>
  89. </div>
  90. </div>
  91. <div class="obbox" style="width:30%;">
  92. <div class="obbox_h" style="text-align:center;">
  93. <span class="fzmm fcc">{:L('认购单价')}</span>
  94. </div>
  95. <div class="obbox_h" style="text-align:center;">
  96. <span class="fzmm fcc">{$vo.price} {$vo.buycoin}</span>
  97. </div>
  98. </div>
  99. <div class="obbox" style="width:30%;">
  100. <div class="obbox_h" style="text-align:right;">
  101. <span class="fzmm fcc">{:L('锁仓时间')}</span>
  102. </div>
  103. <div class="obbox_h" style="text-align:right;">
  104. <span class="fzmm fcc">{$vo.lockday} {:L('天')}</span>
  105. </div>
  106. </div>
  107. </div>
  108. </div>
  109. </a>
  110. </foreach>
  111. </empty>
  112. <div class="btmbox"></div>
  113. </div>
  114. </div>
  115. </body>
  116. <script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
  117. <script type="text/javascript" src="/Public/Static/js/layer/layer.js" ></script>
  118. </html>