ykSignup.html 3.9 KB

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