Jonlin 6 年 前
コミット
4bb6f0ae27
1 ファイル変更36 行追加35 行削除
  1. 36 35
      resources/views/app/upload.blade.php

+ 36 - 35
resources/views/app/upload.blade.php

@@ -22,33 +22,28 @@
     .average {
         justify-content: space-around;
     }
-        /* 选择文件按钮 */
-    .btn_file {  
-        position: relative;  
-        display: inline-block;  
-        background: #D0EEFF;  
-        border: 1px solid #99D3F5;  
-        border-radius: 4px;  
-        padding: 4px 12px;  
-        overflow: hidden;  
-        color: #1E88C7;  
-        text-decoration: none;  
-        text-indent: 0;  
-        line-height: 15px;  
-    }  
-    .btn_file input {  
-        position: absolute;  
-        font-size: 100px;  
-        right: 0;  
-        top: 0;  
-        opacity: 0;  
-    }  
-    .btn_file:hover {  
-        background: #AADFFD;  
-        border-color: #78C3F3;  
-        color: #004974;  
-        text-decoration: none;  
-    } 
+    .btn_img{
+        width: 50px;height: 50px;    
+    }
+    .input_file{
+        position: absolute;
+        left: 40%;
+        top: 60%;
+        display: none;
+    }
+    .up_box{
+        width: 100%;
+        height: 160px;;
+        border:1px dashed #00b5f9; 
+    }
+    .submit_img{
+        margin-left:10%;
+        width: 80%;
+        height: 30px;
+        background: #2ab367;
+        border-radius: 5px;
+        color: #fff;
+    }
 </style>
 <div class="wrap-container welcome-container">
     <div class="row">
@@ -62,15 +57,21 @@
 
                         <!-- <div class='flex_row'  > -->
 
-                            <form class='flex_row' method="post" action="/apps/file" enctype="multipart/form-data" >
-                                
+                            <form method="post" class action="/apps/file" enctype="multipart/form-data" >
+                                <!-- <div class='btn_file'>
+                                    <img src="" style="margin-left: 46%;margin-top:15px;width: 50px;height: 50px;">
                                     <input type="hidden" name="_token" value="<?php echo csrf_token(); ?>">
-                                    <a href="btn_file">
-                                        <img  src="/static/admin/images/upload.jpg" style="margin-left: 46%;margin-top:15px;width: 50px;height: 50px;">
-                                        <input type="file" name="picture">
-                                    </a>
-                                    <button type="submit"> 提交 </button>
-                              
+                                    <input type="file" name="picture">
+                                </div> -->
+                                <div class="up_box flex_center flex_row " >
+                                    <input type="file" class="input_file" name="file0"  id="file0"  />
+                                    <label for="file0" style="margin-bottom: 0;">
+                                    <img id="img0" src="/static/admin/images/upload.jpg"  class="btn_img">
+                                    </label>
+                                </div>
+                                <div  style="width:100%;margin-top: 20px">
+                                    <button class='submit_img'   type="submit">上传</button>
+                                </div>
                             </form>
                             
                         <!-- </div> -->