ykSignup.html 4.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115
  1. <!DOCTYPE html>
  2. <!DOCTYPE html>
  3. <html lang="en">
  4. <head>
  5. <meta charset="UTF-8">
  6. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  7. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  8. <title></title>
  9. <!-- 引入样式 -->
  10. <link rel="stylesheet" href="https://api.hunanwanzhu.com/topic/elementui-index.css">
  11. <!-- 引入组件库 -->
  12. <!--
  13. <script src="https://code.jquery.com/jquery-3.6.0.js" integrity="sha256-H+K7U5CnXl1h5ywQfKtSj8PCmoN9aaq30gDh27Xc0jk=" crossorigin="anonymous"></script>
  14. -->
  15. <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
  16. <script src="https://api.hunanwanzhu.com/topic/vue.js"></script>
  17. <script src="https://api.hunanwanzhu.com/topic/elementui-index.js"></script>
  18. </head>
  19. <style>
  20. .content{
  21. padding:10px;
  22. }
  23. .footer{
  24. position:fixed;
  25. width:100%;
  26. bottom:10px;
  27. }
  28. .footer .signupBtn{
  29. background:red;
  30. width:90%;
  31. height:45px;
  32. color:white;
  33. border:0px;
  34. margin:auto;
  35. display:block;
  36. font-weight:bold;
  37. }
  38. .title{
  39. font-size: 18px;
  40. font-weight:bold;
  41. margin: 10px;
  42. }
  43. .data{
  44. font-size: 16px;
  45. line-height: 30px;
  46. margin-left: 10px;
  47. }
  48. </style>
  49. <body>
  50. <div id="container">
  51. <div class="content">
  52. <h3>顽主杯比赛系统-游客使用须知</h3>
  53. </div>
  54. <div class="title">1、 浏览内容</div>
  55. <div class="data">
  56. 热门股票-热门选手-屠龙榜-短线百科-游资专场-冠军交割-牛人专场-妖股列传-历届比赛最高记录-每日完整比赛排名-选手持仓图-选手盈亏数据-选手当日留言-选手历届比赛数据回溯
  57. </div>
  58. <div class="title">2、 自费进入系统</div>
  59. <div class="data">每年{{info.viewer_price}}元,到明年今日为止。</div>
  60. <div class="title">3、 免费进入系统</div>
  61. <div class="data">在比赛合作方开户并使用,可永久免费浏览本系统,合作券商佣金低-网速快-网上开户几分钟完成,具体操作可站内咨询
  62. </div>
  63. <div class="title title1">4、 退款</div>
  64. <div class="data">游客使用系统三天内不满意,可申请全额退款,系统帐户收回。</div>
  65. <div class="title title1">5、声明</div>
  66. <div class="data">比赛只做学习交流,不做任何投资建议,比赛系统内的选手操作与言论,仅代表选手个人意见,与比赛举办方无关,请勿跟风模仿,盈亏自负。如您发现比赛系统内有人发表不当言论,有任何割韭菜的嫌疑,请及时跟比赛方反应。</div>
  67. <br/><br/>
  68. <div>
  69. <img src="home.jpeg" style="max-width:100%; height:auto;"/>
  70. </div>
  71. <br/><br/><br/><br/><br/><br/><br/>
  72. <!--
  73. <div class="footer">
  74. <button class="signupBtn">立即报名</button>
  75. </div>
  76. -->
  77. </div>
  78. <script>
  79. var app = new Vue({
  80. el: '#container',
  81. data: {
  82. info:{}
  83. },
  84. methods:{
  85. getData(){
  86. $.ajax({
  87. type: 'GET',
  88. url: '/api/wx/v3/signup/web',
  89. data: {},
  90. contentType: "application/json",
  91. dataType: 'json',
  92. success:res=>{
  93. console.log(res)
  94. this.info = res.data;
  95. },
  96. });
  97. }
  98. },
  99. created(){
  100. this.getData();
  101. }
  102. })
  103. </script>
  104. </body>
  105. </html>