对印花添加马赛克背景

src/component/HomePage/Generate.vue

@@ -286,7 +286,8 @@
         @click="generageAdd(item)"
         :class="[
           item.status != 'Success' ? 'hideEvents' : '',
-          item?.checked ? 'active' : ''
+          item?.checked ? 'active' : '',
+		  (type_.type2 == 'Printboard' && item?.imgUrl)? 'maskBg' : ''
         ]"
       >
         <img v-if="item?.imgUrl" v-lazy="item.imgUrl" @click.stop="generageAdd(item)" />
@@ -1359,6 +1360,10 @@ export default defineComponent({
       width: calc(25% - 2rem);
       aspect-ratio: 1 / 1;
       position: relative;
+	  &.maskBg{
+		background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23666' fill-opacity='0.4'%3E%3Crect x='20' width='20' height='20'/%3E%3Crect y='20' width='20' height='20'/%3E%3C/g%3E%3C/svg%3E");
+		background-size: 2rem 2rem; /* 调整图案密度 */
+	  }
       &.active {
         opacity: 0.5;
         // border: 2px solid;
@@ -1387,6 +1392,7 @@ export default defineComponent({
         width: 100%;
         height: 100%;
         object-fit: contain;
+		
       }
       &:hover .delete_like_file_block {
         // display: block;