ykSignup.html 3.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109
  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. 历届叁赛选手的每日持仓图-个人风格简介-比赛数据统计-每日比赛留言-前排选手在比赛结束后上传的完整交割单和冠军心得,还有每日备受关注的《顽主杯热票榜》<br/>
  54. 系统内游客可自由浏览,没有限制,可在选手处留言,可在热门个股处留言,但不能参赛提交作业,想要参赛须单独报名缴费。
  55. </div>
  56. <div class="title">2、 自费进入系统</div>
  57. <div class="data">每年{{info.viewer_price}}元,到明年今日为止。</div>
  58. <div class="title">3、 免费进入系统</div>
  59. <div class="data">在比赛合作方开户并使用,可永久免费浏览本系统,合作券商佣金低-网速快-网上开户几分钟完成,具体操作可站内
  60. <div>咨询顽主</div>
  61. </div>
  62. <div class="title title1">4、 退款</div>
  63. <div class="data">游客使用系统三天内不满意,可申请退款,系统帐户收回。</div>
  64. <div class="title title1">5、声明</div>
  65. <div class="data">比赛只做学习交流,不做任何投资建议,比赛系统内的选手操作与言论,仅代表选手个人意见,与比赛举办方无关,请勿跟风模仿,盈亏自负。如您发现比赛系统内有人发表不当言论,有任何割韭菜的嫌疑,请及时跟比赛方反应。</div>
  66. <br/><br/><br/><br/><br/><br/><br/>
  67. <!--
  68. <div class="footer">
  69. <button class="signupBtn">立即报名</button>
  70. </div>
  71. -->
  72. </div>
  73. <script>
  74. var app = new Vue({
  75. el: '#container',
  76. data: {
  77. info:{}
  78. },
  79. methods:{
  80. getData(){
  81. $.ajax({
  82. type: 'GET',
  83. url: '/api/wx/v3/signup/web',
  84. data: {},
  85. contentType: "application/json",
  86. dataType: 'json',
  87. success:res=>{
  88. console.log(res)
  89. this.info = res.data;
  90. },
  91. });
  92. }
  93. },
  94. created(){
  95. this.getData();
  96. }
  97. })
  98. </script>
  99. </body>
  100. </html>