2023-11-6-1

src/component/HomePage/MoodboardUpload.vue

@@ -69,10 +69,11 @@
                                 :before-upload="beforeUpload"
                                 v-model:file-list="fileList"
                                 multiple
-                                :maxCount="8 - moodboarList.length+fileList.length"
+								:maxCount="8 - moodboarList.length+fileList.length"
                                 accept=".jpg,.png,.jpeg,.bmp"
                                 @change="(file) => fileUploadChange(file)"
                             >
+
                                 <div
                                     class="upload_tip_block"
                                     v-show=" moodboarList.length < 8"
@@ -84,6 +85,10 @@
                         </div>
                     </div>
                 </div>
+				<div class="upload_max_tip">
+					<span class="icon iconfont icon-zhuyi"></span>
+					<span>{{ $t('MoodboardUpload.Maximum') }}</span>
+				</div>
                 <!-- <div class="upload_max_tip">
                     <span class="icon iconfont icon-zhuyi"></span>
                     <span
@@ -536,6 +541,8 @@ export default defineComponent({
             height: 30rem;
             overflow-x: hidden;
             border-right: 1px solid #e5e5e5;
+			display: flex;
+			flex-direction: column;
             &.moodboard_body::-webkit-scrollbar {
                 display: none;
             }
@@ -592,6 +599,7 @@ export default defineComponent({
 					margin: 0 1rem 1rem 0;
 					position: relative;
 					cursor: pointer;
+					overflow: hidden;
 					img{
 						width: auto;
 						height: 100%;