Browse Source

修改样式问题

zengyicheng 2 years ago
parent
commit
0c56390925
2 changed files with 42 additions and 24 deletions
  1. BIN
      src/assets/icon/logo.png
  2. 42 24
      src/components/liveProjectDetail.vue

BIN
src/assets/icon/logo.png


+ 42 - 24
src/components/liveProjectDetail.vue

@@ -150,7 +150,16 @@
           <div style="color: #b6b6b6; font-size: 20px; padding: 20px">
             上传作业
           </div>
-          <div>
+          <div
+            style="
+              display: flex;
+              flex-direction: row;
+              flex-wrap: wrap;
+              justify-content: flex-start;
+              align-items: flex-start;
+              margin-bottom: 30px;
+            "
+          >
             <div v-if="upload[0].upImg.length > 0" class="hengCss">
               <div
                 v-for="(uImg, imgIndex) in upload[0].upImg"
@@ -169,18 +178,27 @@
                 style="display: none"
                 @change="beforeUpload1($event, 1)"
               />
-            </div>
-            <div
-              style="
-                text-align: center;
-                color: rgb(182, 182, 182);
-                font-size: 20px;
-              "
-            >
-              上传截图
+              <div
+                style="
+                  text-align: center;
+                  color: rgb(182, 182, 182);
+                  font-size: 20px;
+                "
+              >
+                上传截图
+              </div>
             </div>
           </div>
-          <div>
+          <div
+            style="
+              display: flex;
+              flex-direction: row;
+              flex-wrap: wrap;
+              justify-content: flex-start;
+              align-items: flex-start;
+              margin-bottom: 30px;
+            "
+          >
             <div v-if="upload[0].upVedio.length > 0" class="hengCss">
               <div
                 v-for="(uVedio, vedioIndex) in upload[0].upVedio"
@@ -199,15 +217,15 @@
                 style="display: none"
                 @change="beforeUpload1($event, 2)"
               />
-            </div>
-            <div
-              style="
-                text-align: center;
-                color: rgb(182, 182, 182);
-                font-size: 20px;
-              "
-            >
-              点击上传视频
+              <div
+                style="
+                  text-align: center;
+                  color: rgb(182, 182, 182);
+                  font-size: 20px;
+                "
+              >
+                上传视频
+              </div>
             </div>
           </div>
           <div style="padding-left: 25px">
@@ -662,8 +680,8 @@ export default {
   height: 100%;
 }
 .uploadImg {
-  width: 200px;
-  margin: 10px auto 0;
+  width: 100px;
+  margin: 10px 0 0 15px;
   cursor: pointer;
 }
 .upImg {
@@ -702,12 +720,12 @@ export default {
   flex-direction: row;
   flex-wrap: wrap;
   align-items: center;
-  padding: 5px 0 20px 20px;
+  padding: 5px 0 0 20px;
 }
 .uploadImgPic {
   width: 100px;
   height: 100px;
-  margin: 0 20px 30px 0;
+  margin: 0 20px 0 0;
 }
 .uploadImgPic > div {
   width: 100px;