|
|
@@ -0,0 +1,75 @@
|
|
|
+<!DOCTYPE html>
|
|
|
+<!DOCTYPE html>
|
|
|
+<html lang="en">
|
|
|
+<head>
|
|
|
+ <meta charset="UTF-8">
|
|
|
+ <meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
|
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
|
+ <title></title>
|
|
|
+ <!-- 引入样式 -->
|
|
|
+ <link rel="stylesheet" href="https://api.hunanwanzhu.com/topic/elementui-index.css">
|
|
|
+ <!-- 引入组件库 -->
|
|
|
+ <script src="https://code.jquery.com/jquery-3.6.0.js" integrity="sha256-H+K7U5CnXl1h5ywQfKtSj8PCmoN9aaq30gDh27Xc0jk=" crossorigin="anonymous"></script>
|
|
|
+ <script src="https://api.hunanwanzhu.com/topic/vue.js"></script>
|
|
|
+ <script src="https://api.hunanwanzhu.com/topic/elementui-index.js"></script>
|
|
|
+</head>
|
|
|
+<style>
|
|
|
+ .container{
|
|
|
+ padding:20px;
|
|
|
+ }
|
|
|
+ .footer{
|
|
|
+ position:fixed;
|
|
|
+ width:100%;
|
|
|
+ bottom:0px;
|
|
|
+
|
|
|
+ }
|
|
|
+ .footer .signupBtn{
|
|
|
+ background:red;
|
|
|
+ width:90%;
|
|
|
+ height:45px;
|
|
|
+ color:white;
|
|
|
+ border:0px;
|
|
|
+ margin:auto;
|
|
|
+ display:block;
|
|
|
+ font-weight:bold;
|
|
|
+ }
|
|
|
+</style>
|
|
|
+<body>
|
|
|
+ <div id="container">
|
|
|
+ <div class="content">
|
|
|
+ <h3>顽主杯比赛系统-{{matchinfo.name}}-选手使用须知</h3>
|
|
|
+
|
|
|
+ </div>
|
|
|
+ <div class="footer">
|
|
|
+ <button class="signupBtn">立即报名</button>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <script>
|
|
|
+ var app = new Vue({
|
|
|
+ el: '#container',
|
|
|
+ data: {
|
|
|
+ matchinfo:{}
|
|
|
+ },
|
|
|
+ methods:{
|
|
|
+ getData(){
|
|
|
+ $.ajax({
|
|
|
+ type: 'GET',
|
|
|
+ url: '/api/wx/v3/signup/info',
|
|
|
+ data: {},
|
|
|
+ contentType: "application/json",
|
|
|
+ dataType: 'json',
|
|
|
+ success:res=>{
|
|
|
+ console.log(res)
|
|
|
+ this.matchinfo = res.data;
|
|
|
+ },
|
|
|
+
|
|
|
+ });
|
|
|
+ }
|
|
|
+ },
|
|
|
+ created(){
|
|
|
+ this.getData();
|
|
|
+ }
|
|
|
+ })
|
|
|
+ </script>
|
|
|
+</body>
|
|
|
+</html>
|
xjc