upload.blade.php 2.8 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889
  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. .btn_img{
  25. width: 50px;height: 50px;
  26. }
  27. .input_file{
  28. position: absolute;
  29. left: 40%;
  30. top: 60%;
  31. display: none;
  32. }
  33. .up_box{
  34. width: 100%;
  35. height: 160px;;
  36. border:1px dashed #00b5f9;
  37. }
  38. .submit_img{
  39. margin-left:10%;
  40. width: 80%;
  41. height: 30px;
  42. background: #2ab367;
  43. border-radius: 5px;
  44. color: #fff;
  45. }
  46. </style>
  47. <div class="wrap-container welcome-container">
  48. <div class="row">
  49. <div class="welcome-left-container col-lg-9">
  50. <!--基本信息-->
  51. <div class="server-panel panel panel-default">
  52. <div class="panel-header">基础信息</div>
  53. <hr>
  54. <div class="panel-body clearfix">
  55. <!-- <div class='flex_row' > -->
  56. <form method="post" class action="/apps/file" enctype="multipart/form-data" >
  57. <!-- <div class='btn_file'>
  58. <img src="" style="margin-left: 46%;margin-top:15px;width: 50px;height: 50px;">
  59. <input type="hidden" name="_token" value="<?php echo csrf_token(); ?>">
  60. <input type="file" name="picture">
  61. </div> -->
  62. <div class="up_box flex_center flex_row " >
  63. <input type="file" class="input_file" name="file0" id="file0" />
  64. <label for="file0" style="margin-bottom: 0;">
  65. <img id="img0" src="/static/admin/images/upload.jpg" class="btn_img">
  66. </label>
  67. </div>
  68. <div style="width:100%;margin-top: 20px">
  69. <button class='submit_img' type="submit">上传</button>
  70. </div>
  71. </form>
  72. <!-- </div> -->
  73. </form>
  74. </div>
  75. </div>
  76. </div>
  77. </div>
  78. @section('js')
  79. @endsection
  80. @extends('common.list')