index.html 15 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275
  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-1wr4jig {
  12. box-sizing: border-box;
  13. margin: 0;
  14. min-width: 0;
  15. display: -webkit-box;
  16. display: -webkit-flex;
  17. display: -ms-flexbox;
  18. display: flex;
  19. -webkit-flex-direction: column;
  20. -ms-flex-direction: column;
  21. flex-direction: column;
  22. -webkit-flex: 1;
  23. -ms-flex: 1;
  24. flex: 1;
  25. }
  26. .css-1odg5z2 {
  27. box-sizing: border-box;
  28. margin: 0;
  29. min-width: 0;
  30. height: 260px;
  31. background-color: #1E2329;
  32. position: -webkit-sticky;
  33. position: sticky;
  34. top: -256px;
  35. z-index: 1;
  36. padding: 0;
  37. }
  38. .css-1odg5z2::before {
  39. content: "";
  40. background-repeat: no-repeat;
  41. background-size: cover;
  42. background-position: center;
  43. background-image: url(/Public/Home/static/imgs/bannerissue.png);
  44. position: absolute;
  45. z-index: -1;
  46. top: 0;
  47. left: 0;
  48. bottom: 0;
  49. right: 0;
  50. -webkit-transform: none;
  51. -ms-transform: none;
  52. transform: none;
  53. }
  54. .css-1xrgo9z {
  55. box-sizing: border-box;
  56. margin: 0;
  57. min-width: 0;
  58. display: -webkit-box;
  59. display: -webkit-flex;
  60. display: -ms-flexbox;
  61. display: flex;
  62. -webkit-align-items: center;
  63. -webkit-box-align: center;
  64. -ms-flex-align: center;
  65. align-items: center;
  66. -webkit-box-pack: start;
  67. -webkit-justify-content: flex-start;
  68. -ms-flex-pack: start;
  69. justify-content: flex-start;
  70. font-size: 26px;
  71. color: white;
  72. z-index: 1;
  73. height: 100%;
  74. padding-bottom: 48px;
  75. }.css-1xrgo9z {
  76. -webkit-box-pack: start;
  77. -webkit-justify-content: flex-start;
  78. -ms-flex-pack: start;
  79. justify-content: flex-start;
  80. font-size: 40px;
  81. padding-bottom: 64px;
  82. }
  83. .css-1xrgo9z {
  84. -webkit-box-pack: center;
  85. -webkit-justify-content: center;
  86. -ms-flex-pack: center;
  87. justify-content: center;
  88. }
  89. .css-uliqdc {
  90. box-sizing: border-box;
  91. margin: 0;
  92. min-width: 0;
  93. display: -webkit-box;
  94. display: -webkit-flex;
  95. display: -ms-flexbox;
  96. display: flex;
  97. -webkit-flex-direction: column;
  98. -ms-flex-direction: column;
  99. flex-direction: column;
  100. }
  101. .progress-bar {
  102. display: -ms-flexbox;
  103. display: flex;
  104. -ms-flex-direction: column;
  105. flex-direction: column;
  106. -ms-flex-pack: center;
  107. justify-content: center;
  108. overflow: hidden;
  109. color: #fff;
  110. text-align: center;
  111. white-space: nowrap;
  112. background-color: #007bff;
  113. transition: width .6s ease;
  114. }
  115. .progress-bar {
  116. color: #000;
  117. background-color: #f3c420;
  118. }
  119. ::-webkit-input-placeholder {color: #b5b5b5;font-size: 12px;}
  120. ::-moz-placeholder {color: #b5b5b5;font-size: 12px;}
  121. input:focus{background:#f5f5f5;outline: 1px solid #f5f5f5;}
  122. .allbtn {
  123. width: 100%;
  124. height: 50px;
  125. line-height: 50px;
  126. text-align: center;
  127. background: #ccc;
  128. border-radius: 5px;
  129. background: linear-gradient(to left,#eeb80d,#ffe35b);
  130. margin-top: 20px;
  131. }
  132. .css-bhso1m {
  133. box-sizing: border-box;
  134. margin: 0px;
  135. min-width: 0px;
  136. display: inline-block;
  137. border-radius: 4px;
  138. padding-left: 8px;
  139. padding-right: 8px;
  140. font-size: 14px;
  141. background-color: rgba(240, 185, 11, 0.19);
  142. color: rgb(240, 185, 11);
  143. }
  144. .css-bhso1ma:hover,.css-bhso1ma:link,.css-bhso1ma:visited,.css-bhso1ma:active{color:rgb(240, 185, 11);text-decoration:none;
  145. </style>
  146. </head>
  147. <body>
  148. <div class="App">
  149. <div class="css-tq0shg">
  150. <include file="Public:header"/>
  151. <div class="css-ogtd7z">
  152. <div class="css-jrzkh7">
  153. <div id="header_global_js_wxgy34nj" class="css-1aac2e"></div>
  154. </div>
  155. </div>
  156. <main class="css-1wr4jig" style="background: #fff;">
  157. <div class="css-1odg5z2">
  158. <div class="css-1xrgo9z">{:L('新币认购')}</div>
  159. </div>
  160. <div class="css-uliqdc">
  161. <div style="width:100%;min-height:500px;background:#f5f5f5;padding:20px 50px;">
  162. <empty name="list">
  163. <div style="width:100%;height:400px;line-height:400px;text-align:center;">
  164. <svg style="height:100px;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96 96" fill="none" class="mirror css-1lzksdc"><path fill-rule="evenodd" clip-rule="evenodd" d="M64 8H26v80h58V28L64 8zM36 37h38v4H36v-4zm0 9h38v4H36v-4zm38 9H36v4h38v-4z" fill="url(#not-found-data-light_svg__paint0_linear)"></path><path d="M62 71l4-4 4 4-4 4-4-4z" fill="#fff"></path><path d="M86 50l3-3 3 3-3 3-3-3zM47 21l3-3 3 3-3 3-3-3zM84 28H64V8l20 20z" fill="#E6E8EA"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M4.171 73.171l14.5-14.5 5.657 5.658-14.5 14.5-5.657-5.657z" fill="url(#not-found-data-light_svg__paint1_linear)"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M51 48c0-8.837-7.163-16-16-16s-16 7.163-16 16 7.163 16 16 16 16-7.163 16-16zm4 0c0-11.046-8.954-20-20-20s-20 8.954-20 20 8.954 20 20 20 20-8.954 20-20z" fill="url(#not-found-data-light_svg__paint2_linear)"></path><defs><linearGradient id="not-found-data-light_svg__paint0_linear" x1="84" y1="10.162" x2="84" y2="88" gradientUnits="userSpaceOnUse"><stop stop-color="#F5F5F5"></stop><stop offset="1" stop-color="#E6E8EA"></stop></linearGradient><linearGradient id="not-found-data-light_svg__paint1_linear" x1="4.171" y1="68.75" x2="24.328" y2="68.75" gradientUnits="userSpaceOnUse"><stop stop-color="#929AA5"></stop><stop offset="1" stop-color="#76808F"></stop></linearGradient><linearGradient id="not-found-data-light_svg__paint2_linear" x1="15" y1="48" x2="55" y2="48" gradientUnits="userSpaceOnUse"><stop stop-color="#929AA5"></stop><stop offset="1" stop-color="#76808F"></stop></linearGradient></defs></svg>
  165. </div>
  166. <else />
  167. <foreach name="list" item="vo">
  168. <div style="width:100%;height:290px;background:#fff;margin-bottom:20px;box-shadow: 0 2px 10px 0 rgb(0 0 0 / 10%);border-radius:5px;">
  169. <div style="width:100%;height:240px;">
  170. <div style="width:50%;height:240px;float:left;padding:5px;">
  171. <div style="width:100%;height:240px;background:#fff;">
  172. <div style="width:100%;height:230px;">
  173. <div style="width:25%;heigth:230px;line-height:150px;text-align:center;float:left;">
  174. <img src="/Upload/public/{$vo.imgs}" style="width:60%;">
  175. </div>
  176. <div style="width:75%;padding:10px 0px 10px 10px;float:right;">
  177. <div style="width:100%;min-height:30px;">
  178. <span class="f16 fch">{$vo.name}</span>
  179. </div>
  180. <div style="width:100%;height:30px;">
  181. <span class="f14 fcc">{:L('认购币种')}:<?php echo strtoupper($vo['coinname']);?></span>
  182. </div>
  183. <div style="width:100%;height:30px;">
  184. <span class="f14 fcc">{:L('开始时间')}:{$vo.starttime}</span>
  185. </div>
  186. <div style="width:100%;height:30px;">
  187. <span class="f14 fcc">{:L('结束时间')}:<?php echo strtoupper($vo['finishtime']);?></span>
  188. </div>
  189. <div style="width:100%;height:30px;">
  190. <span class="f14 fcc">{:L('发行总量')}:{$vo.num} <?php echo strtoupper($vo['coinname']);?></span>
  191. </div>
  192. <div style="width:100%;height:30px;">
  193. <span class="f14 fcc">{:L('参与数量')}:{$vo.ysnum} <?php echo strtoupper($vo['coinname']);?></span>
  194. </div>
  195. </div>
  196. </div>
  197. </div>
  198. </div>
  199. <div style="width:50%;height:240px;float:left;padding:5px;">
  200. <div style="width:100%;height:240px;">
  201. <div style="width:100%;height:240px;padding:10px 0px 10px 10px;">
  202. <div style="width:100%;height:30px;">
  203. <span class="f16 fch">{:L('项目说明')}</span>
  204. </div>
  205. <div style="width:100%;height:30px;">
  206. <span class="f14 fcc">{:L('认购上限')} :{$vo.allmax}</span>
  207. </div>
  208. <div style="width:100%;height:30px;">
  209. <span class="f14 fcc">{:L('单次最低')} :{$vo.ysnum}</span>
  210. </div>
  211. <div style="width:100%;height:30px;">
  212. <span class="f14 fcc">{:L('认购上限')} :{$vo.min}</span>
  213. </div>
  214. <div style="width:100%;min-height:30px;overflow: hidden; text-overflow: ellipsis;white-space: nowrap;">
  215. <span class="f14 fcc">{$vo.content}</span>
  216. </div>
  217. </div>
  218. </div>
  219. </div>
  220. </div>
  221. <div style="width:100%;height:50px;margin-top:10px;padding:0px 20px;">
  222. <div style="width:80%;height:40px;float:left;">
  223. <div class="progress">
  224. <?php if(strtotime($vo['starttime']) <= time()){?>
  225. <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>
  226. <?php }elseif(strtotime($vo['starttime']) > time()){?>
  227. <div class="progress-bar" role="progressbar" style="width:0%;" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100">0%</div>
  228. <?php }?>
  229. </div>
  230. </div>
  231. <div style="width:20%;height:40px;float:left;">
  232. <div style="width:100%;height:40px;text-align:center;">
  233. <a href="{:U('Issue/details')}?id={$vo.id}" class="css-bhso1m" style="padding:5px 15px; ">{:L('立即参与')}</a>
  234. </div>
  235. </div>
  236. </div>
  237. </div>
  238. </foreach>
  239. </empty>
  240. </div>
  241. </main>
  242. <include file="Public:footer"/>
  243. </div>
  244. </div>
  245. </body>
  246. <script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
  247. <script type="text/javascript" src="/Public/Home/static/js/layer/layer.js" ></script>
  248. <script type="text/javascript" src="/Public/Home/static/js/jquery.SuperSlide.2.1.1.js" ></script>
  249. <script type="text/javascript">
  250. $("#nav").slide({
  251. type:"menu",// 效果类型,针对菜单/导航而引入的参数(默认slide)
  252. titCell:".nLi", //鼠标触发对象
  253. targetCell:".sub", //titCell里面包含的要显示/消失的对象
  254. effect:"slideDown", //targetCell下拉效果
  255. delayTime:300 , //效果时间
  256. triggerTime:0, //鼠标延迟触发时间(默认150)
  257. returnDefault:true //鼠标移走后返回默认状态,例如默认频道是“预告片”,鼠标移走后会返回“预告片”(默认false)
  258. });
  259. </script>
  260. </html>