xiaojincai
/
wanzb_v3_api


			
				
					
						
						
							12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576
							<!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>