瀏覽代碼

feat(mirror):update css

gemercheung 1 年之前
父節點
當前提交
6d194f4a19
共有 1 個文件被更改,包括 33 次插入36 次删除
  1. 33 36
      src/app/mirror/App.vue

+ 33 - 36
src/app/mirror/App.vue

@@ -4,7 +4,7 @@
     <el-dialog v-model="dialogVisible">
       <img
         v-if="checkSourceIsImage(dialogImageUrl)"
-        style="width: 100%;height: 500px;object-fit: scale-down;"
+        style="width: 100%; height: 500px; object-fit: scale-down"
         w-full
         :src="dialogImageUrl"
         alt="Preview Image"
@@ -363,7 +363,7 @@ function GetRequest(value) {
 }
 </script>
 
-<style lang="scss">
+<style>
 body,
 #app {
   margin: 0;
@@ -455,46 +455,43 @@ tbody {
   color: white;
   text-align: center;
 }
-.activefileList {
-  .el-upload-list--picture-card {
-  }
-  .el-upload--picture-card {
-    display: none;
-  }
+.activefileList .el-upload--picture-card {
+  display: none;
 }
+
 .list-upload-style {
   width: 100%;
   text-align: center;
-  .el-upload-list,
-  .el-upload--text {
-    width: 100%;
-  }
-  .el-upload-list__item-thumbnail,
-  .el-upload--picture-card {
-    min-height: 73px;
-    height: 73px;
-    width: 100%;
-
-  }
-  .uploadImg,
-  .el-upload-list__item {
-    width: 100%;
-    min-height: 73px;
-    height: 73px;
-    line-height: 73px;
-    .el-upload-list__item-thumbnail {
-      width: 100%;
-      max-width: 100px;
-      object-fit: cover;
-    }
-  }
+}
+.list-upload-style .el-upload-list,
+.list-upload-style .el-upload--text {
+  width: 100%;
+}
+.list-upload-style .el-upload-list__item-thumbnail,
+.list-upload-style .el-upload--picture-card {
+  min-height: 73px;
+  height: 73px;
+  width: 100%;
+}
+.list-upload-style .uploadImg,
+.list-upload-style .el-upload-list__item {
+  width: 100%;
+  min-height: 73px;
+  height: 73px;
+  line-height: 73px;
+}
+.list-upload-style .uploadImg .el-upload-list__item-thumbnail,
+.list-upload-style .el-upload-list__item .el-upload-list__item-thumbnail {
+  width: 100%;
+  max-width: 100px;
+  object-fit: cover;
 }
 .marksDiv {
   position: relative;
-  .table-delete {
-    position: absolute;
-    right: -10px;
-    top: -3px;
-  }
+}
+.marksDiv .table-delete {
+  position: absolute;
+  right: -10px;
+  top: -3px;
 }
 </style>