success.html 2.1 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=no,
  6. width=device-width,initial-scale=1.0">
  7. <title>提交成功</title>
  8. <!-- import CSS -->
  9. <link rel="stylesheet" href="static/index.css">
  10. </head>
  11. <style>
  12. body{
  13. margin:0;
  14. padding:40px 0 0;
  15. height:calc(100vh - 40px);
  16. background: linear-gradient(0deg, #CEF0FF, #FFFFFF);
  17. }
  18. #app{
  19. display: none;
  20. }
  21. .logo-img{
  22. width:150px;
  23. margin:0 auto;
  24. }
  25. .el-form{
  26. padding:35px;
  27. }
  28. .el-input__inner{
  29. height:48px;
  30. padding-left:42px;
  31. border: 1px solid #EFF0F2;
  32. border-radius: 5px;
  33. }
  34. .el-form-item img{
  35. position: absolute;
  36. top: 8px;
  37. left: 6px;
  38. }
  39. .el-button--primary {
  40. margin-top: 29px;
  41. height: 48px;
  42. font-size: 18px;
  43. width:100%;
  44. background-color: #3780CD;
  45. }
  46. .tpl_title {
  47. font-size: 18px;
  48. margin-bottom: 20px;
  49. }
  50. .el-form-item__label{
  51. float:none;
  52. }
  53. .content{
  54. width: 70%;
  55. margin:0 auto;
  56. font-size: 24px;
  57. line-height: 35px;
  58. margin-top:20px;
  59. }
  60. </style>
  61. <body>
  62. <div id="app" >
  63. <div class='logo-img'><img src="static/logo.png" alt=""></div>
  64. <div class="content">您已成功提交"{{title}}"问卷调查,感谢参与!</div>
  65. </div>
  66. </body>
  67. <!-- import Vue before Element -->
  68. <script src="static/jquery.min.js"></script>
  69. <script src="static/vue.js"></script>
  70. <!-- import JavaScript -->
  71. <script src="static/index.js"></script>
  72. <script>
  73. new Vue({
  74. el: '#app',
  75. data: function() {
  76. return {
  77. title:"",
  78. form:{}
  79. }
  80. },
  81. methods:{
  82. },
  83. created(){
  84. var search=window.location.search.split('?')[1].split('&');
  85. this.title=decodeURIComponent(search[0].split('=')[1])
  86. },
  87. mounted(){
  88. document.getElementById('app').style.display='block'
  89. }
  90. })
  91. </script>
  92. </html>