style: 上传trigger样式

src/component/home/tools/toProduct/index.vue

@@ -386,8 +386,8 @@ export default defineComponent({
     },
     isState: {
       type: Boolean,
-		default:false,
+      default: false
-	},
+    }
   },
   emit: ['unLike'],
   setup(props, { emit }) {
@@ -406,8 +406,7 @@ export default defineComponent({
     const createProbject: any = inject('createProbject', () => {})
     let productImgData: any = reactive({
       isShowMark: false,
-      fileList:{
+      fileList: {},
-	},
       searchName: {
         ToProductImage: '',
         Relight: ''
@@ -429,7 +428,7 @@ export default defineComponent({
           } else {
             return store.state.HomeStoreModule.relightList.list
           }
-		}),
+        })
       },
       selectObject: computed(() => store.state.Workspace.probjects), //选择的项目
       likeList: {
@@ -446,7 +445,7 @@ export default defineComponent({
           } else {
             return store.state.HomeStoreModule.relightList.likedList
           }
-		}),
+        })
       } as any,
       similarity: 30,
       brightenValue: 1,
@@ -520,15 +519,19 @@ export default defineComponent({
       return store.state.UploadFilesModule.modularData
     })
     let userlikeGroupId = 0
-	watch(()=>store.state.HomeStoreModule.uploadElement.length,(newVal,oldVal)=>{
+    watch(
+      () => store.state.HomeStoreModule.uploadElement.length,
+      (newVal, oldVal) => {
         setFileList()
-	})
+      }
+    )
     const setFileList = () => {
       if (props.isDesignPage) return
       if (!route.query?.id && route.query.tools) {
         productImgData.fileList[props.productimgMenu.value] = []
       } else {
-			productImgData.fileList[props.productimgMenu.value] = store.state.HomeStoreModule.uploadElement
+        productImgData.fileList[props.productimgMenu.value] =
+          store.state.HomeStoreModule.uploadElement
         if (productImgData.fileList[props.productimgMenu.value][0]) {
           productImgData.fileList[props.productimgMenu.value][0].isChecked = true
         }
@@ -1260,15 +1263,14 @@ export default defineComponent({
     // &.active
 
     > .item {
-      // margin-right: 1rem;
+      margin-right: 1rem;
-      // width: calc(100% / 2 - 0.5rem);
+      width: calc(100% / 2 - 0.5rem);
-      width: 9.6rem;
       cursor: pointer;
       overflow: hidden;
       display: flex;
       justify-content: center;
       flex-shrink: 0;
-      height: 13.4rem;
+      height: 25rem;
       position: relative;
       // &.active{
       // 	border: 2px solid;
@@ -1539,6 +1541,16 @@ export default defineComponent({
 }
 
 
+.upload_file_item {
+  :deep(.ant-upload-picture-card-wrapper) {
+    .ant-upload-list-picture-card {
+      .ant-upload-select-picture-card {
+        width: 9.6rem;
+        height: 13.4rem;
+      }
+    }
+  }
+}
 .prompt-container {
   margin-top: 4rem;
   margin-bottom: 3rem;