Vous ne pouvez pas sélectionner plus de 25 sujets Les noms de sujets doivent commencer par une lettre ou un nombre, peuvent contenir des tirets ('-') et peuvent comporter jusqu'à 35 caractères.

130 lignes
6.8KB

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="utf-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6. <meta name="description" content="">
  7. <meta name="author" content="">
  8. <!-- Favicons-->
  9. <link rel="apple-touch-icon-precomposed" href="images/favicon/apple-touch-icon-152x152.png">
  10. <meta name="msapplication-TileColor" content="#FFFFFF">
  11. <meta name="msapplication-TileImage" content="images/favicon/mstile-144x144.png">
  12. <link rel="icon" href="images/favicon/favicon-32x32.png" sizes="32x32">
  13. <title>发起新活动</title>
  14. <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
  15. <!-- Materialize core CSS -->
  16. <link href="materialize.0.97.5/css/materialize.css" rel="stylesheet">
  17. <link href="materialize/css/materialize.css" rel="stylesheet">
  18. <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
  19. <!--[if lt IE 9]>
  20. <script src="assets/js/html5shiv.js"></script>
  21. <script src="assets/js/respond.min.js"></script>
  22. <![endif]-->
  23. <link href="style.css" rel="stylesheet">
  24. </head>
  25. <body>
  26. <div class="row valign center">
  27. <h3 class="flow-text truncate accent-1 waves-effect">发起校友会活动</h3>
  28. </div>
  29. <form method="post" enctype="multipart/form-data" action="http://192.168.1.39:65500/dumprequest" class="Iagree">
  30. <div class="row">
  31. <div class="input-field col s12">
  32. <i class="mdi-action-loyalty small prefix"></i>
  33. <input name="meetingname" id="meetingname" type="text" class="validate">
  34. <label for="meetingname"> 活动主题/标题 </label>
  35. </div>
  36. </div>
  37. <div class="row">
  38. <div class="input-field col s12">
  39. <i class="mdi-action-list small prefix"></i>
  40. <textarea id="description" name="description" class="materialize-textarea"></textarea>
  41. <label for="description">
  42. 活动描述 200字左右
  43. </label>
  44. </div>
  45. </div>
  46. <div class="row" i>
  47. <div class="col s12 ">
  48. <div class="file-field input-field">
  49. <div class="btn">
  50. <span>封面图片(选填)</span>
  51. <input type="file" class="uploadimg" id="cover" name="cover" prev>
  52. </div>
  53. <div class="file-path-wrapper">
  54. <input class="file-path validate" type="text">
  55. </div>
  56. </div>
  57. </div>
  58. <div class="col s12 valign center">
  59. <div class="previewrapper hide">
  60. <img id="preview" class="uploadpreview" src="data:image/jpeg;base64," alt="" />
  61. <img src="assets/img/close512x512.png" class="removepreview" height="48" width="48" />
  62. </div>
  63. </div>
  64. </div>
  65. <div class="row">
  66. </div>
  67. <div class="row">
  68. <div class="input-field col s12 m6">
  69. <i class="small prefix mdi-action-today"></i>
  70. <input name="startdate" id="startdate" type="text" class="datepicker">
  71. <label for="startdate"> 活动日期 </label>
  72. </div>
  73. <div class="input-field col s6 m3">
  74. <i class="small prefix mdi-action-query-builder"></i>
  75. <input name="starthour" id="starthour" type="text" class="timepicker" value="10:30">
  76. <label for="starthour"> 开始时间(23:59) </label>
  77. </div>
  78. <div class="input-field col s6 m3">
  79. <i class="small prefix mdi-av-timer"></i>
  80. <input name="duration" id="duration" type="text" class="timepicker" value="01:30">
  81. <label for="duration"> 持续时间(01:30) </label>
  82. </div>
  83. </div>
  84. <div class="row">
  85. <div class="input-field col s12">
  86. <i class="small prefix mdi-maps-place"></i>
  87. <input name="venue" id="venue" type="text" class="validate">
  88. <label for="venue"> 举办地点/场所 </label>
  89. </div>
  90. <div class="col s12 m12 l12">
  91. <b>主办方须知</b>
  92. <p>活动内容将上报校友会备案。校友会全体在册人员将收到你的活动邀请,各位校友自行选择参加或不参加。</p>
  93. <p>主办者将收到具体的人数更新,以及本次活动签到用的二维码。</p>
  94. <p>所有当天参加活动的校友,通过公众号扫码即可签到</p>
  95. <p class="valign right"></p>
  96. </div>
  97. </div>
  98. <div class="row orange">
  99. <div class="col s6 ">
  100. <div class="switch">
  101. <label class="text-darken-3 transparent z-depth-5 black-text">
  102. <input type="checkbox" class="Iagree" name="agree">
  103. <span class="lever"></span>我同意
  104. </label>
  105. </div>
  106. </div>
  107. <div class="col s6">
  108. <input type="submit" class="btn waves-effect waves-light orange fullwidth" value="发起活动">
  109. </div>
  110. </div>
  111. </form>
  112. <footer class="page-footer white">
  113. <div class="container">
  114. <div class="row footerfill">
  115. </div>
  116. </div>
  117. <div class="footer-copyright">
  118. <div class="container">© 2010-2017 Copyright Biukop
  119. <a class="grey-text text-lighten-4 right" href="#!"></a>
  120. </div>
  121. </div>
  122. </footer>
  123. <!-- Materialize core JavaScript -->
  124. <!-- Placed at the end of the document so the pages load faster -->
  125. <script src="assets/js/jquery.min.js"></script>
  126. <script src="materialize/js/materialize.js"></script>
  127. <script src="index.js"></script>
  128. <script src="assets/js/spa.js"></script>
  129. </body>