12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394 |
- <!DOCTYPE html>
- <html>
- <head>
- <meta charset="UTF-8">
- <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=no,
- width=device-width,initial-scale=1.0">
- <title>提交成功</title>
- <!-- import CSS -->
- <link rel="stylesheet" href="static/index.css">
- </head>
- <style>
- body{
- margin:0;
- padding:40px 0 0;
- height:calc(100vh - 40px);
- background: linear-gradient(0deg, #CEF0FF, #FFFFFF);
- }
- #app{
- display: none;
- }
- .logo-img{
- width:150px;
- margin:0 auto;
- }
- .el-form{
- padding:35px;
- }
- .el-input__inner{
- height:48px;
- padding-left:42px;
- border: 1px solid #EFF0F2;
- border-radius: 5px;
- }
- .el-form-item img{
- position: absolute;
- top: 8px;
- left: 6px;
- }
- .el-button--primary {
- margin-top: 29px;
- height: 48px;
- font-size: 18px;
- width:100%;
- background-color: #3780CD;
- }
- .tpl_title {
- font-size: 18px;
- margin-bottom: 20px;
- }
- .el-form-item__label{
- float:none;
- }
- .content{
- width: 70%;
- margin:0 auto;
- font-size: 24px;
- line-height: 35px;
- margin-top:20px;
- }
- </style>
- <body>
- <div id="app" >
- <div class='logo-img'><img src="static/logo.png" alt=""></div>
- <div class="content">您已成功提交"{{title}}"问卷调查,感谢参与!</div>
- </div>
- </body>
- <!-- import Vue before Element -->
- <script src="static/jquery.min.js"></script>
- <script src="static/vue.js"></script>
- <!-- import JavaScript -->
- <script src="static/index.js"></script>
- <script>
- new Vue({
- el: '#app',
- data: function() {
- return {
- title:"",
- form:{}
- }
- },
- methods:{
-
- },
- created(){
- var search=window.location.search.split('?')[1].split('&');
- this.title=decodeURIComponent(search[0].split('=')[1])
- },
- mounted(){
- document.getElementById('app').style.display='block'
- }
- })
- </script>
- </html>
|