upload.blade.php 2.6 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788
  1. @section('title', '上传应用')
  2. @section('header')
  3. @endsection
  4. <style>
  5. .flex_row{
  6. display: flex;
  7. flex-direction: row;
  8. }
  9. .flex_center {
  10. justify-content: center;
  11. align-items: center;
  12. }
  13. .item-center {
  14. align-items: center;
  15. }
  16. /* 左右对齐,项目之间的间隔都相等 */
  17. .allAlignment {
  18. justify-content: space-between;
  19. }
  20. /* 每个项目两侧的间隔相等。所以,项目之间的间隔比项目与边框的间隔大一倍 */
  21. .average {
  22. justify-content: space-around;
  23. }
  24. /* 选择文件按钮 */
  25. .btn_file {
  26. position: relative;
  27. display: inline-block;
  28. background: #D0EEFF;
  29. border: 1px solid #99D3F5;
  30. border-radius: 4px;
  31. padding: 4px 12px;
  32. overflow: hidden;
  33. color: #1E88C7;
  34. text-decoration: none;
  35. text-indent: 0;
  36. line-height: 15px;
  37. }
  38. .btn_file input {
  39. position: absolute;
  40. font-size: 100px;
  41. right: 0;
  42. top: 0;
  43. opacity: 0;
  44. }
  45. .btn_file:hover {
  46. background: #AADFFD;
  47. border-color: #78C3F3;
  48. color: #004974;
  49. text-decoration: none;
  50. }
  51. </style>
  52. <div class="wrap-container welcome-container">
  53. <div class="row">
  54. <div class="welcome-left-container col-lg-9">
  55. <!--基本信息-->
  56. <div class="server-panel panel panel-default">
  57. <div class="panel-header">基础信息</div>
  58. <hr>
  59. <div class="panel-body clearfix">
  60. <!-- <div class='flex_row' > -->
  61. <form class='flex_row' method="post" action="/apps/file" enctype="multipart/form-data" >
  62. <input type="hidden" name="_token" value="<?php echo csrf_token(); ?>">
  63. <a href="btn_file">
  64. <img src="/static/admin/images/upload.jpg" style="margin-left: 46%;margin-top:15px;width: 50px;height: 50px;">
  65. <input type="file" name="picture">
  66. </a>
  67. <button type="submit"> 提交 </button>
  68. </form>
  69. <!-- </div> -->
  70. </form>
  71. </div>
  72. </div>
  73. </div>
  74. </div>
  75. @section('js')
  76. @endsection
  77. @extends('common.list')