修复sketchboard问题

src/component/HomePage/scaleImage.vue

@@ -26,8 +26,10 @@
 			<div class="nav_left">
 				<i class="fi fi-rr-arrow-small-left" @click="lastStep()"></i>
 			</div>
-			<div class="nav_list">
-				<img  v-for="item,index in scaleImageList" @click="setScaleImageIndex(index)" :class="{active:index == scaleImageIndex}" :src="item?.imgUrl" :key="item.id">
+			<div class="nav_list" v-mousewheel>
+				<div class="nav_centent">
+					<img  v-for="item,index in scaleImageList" @click="setScaleImageIndex(index)" :class="{active:index == scaleImageIndex}" :src="item?.imgUrl" :key="item.id">
+				</div>
 			</div>
 			<div class="nav_right">
 				<i class="fi fi-rr-arrow-small-right" @click.stop="nextStep()"></i>
@@ -84,13 +86,28 @@ export default defineComponent({
 			
         };
     },
-
+	directives:{
+		mousewheel:{
+			mounted (el) {
+				el.addEventListener('wheel',(e:WheelEvent)=>{
+					let num = 0
+					if(e.deltaY > 0){
+						num = 25
+					}else{
+						num = -25
+					}
+					el.scrollBy(num, 0);
+				})
+			}
+		},
+	},
     mounted() {
     },
     methods: {
-		init(list:any){
+		init(list:any,index:any){
 			this.scaleImage = true
 			this.scaleImageList = list
+			this.scaleImageIndex = index
 			// let scaleImageList = this.store.state.UploadFilesModule.moodboard
 		},
 		cancelDsign(){
@@ -208,6 +225,15 @@ export default defineComponent({
 		}
 		.nav_list{
 			margin: 0 2rem;
+			max-width:  60rem;
+			overflow-y: hidden;
+			&.nav_list::-webkit-scrollbar {
+				display: none;
+			}
+			.nav_centent{
+				width: auto;
+				display: flex;
+			}
 			img{
 				max-width: 5rem;
 				max-height: 5rem;
@@ -218,8 +244,9 @@ export default defineComponent({
 				overflow: hidden;
 				cursor: pointer;
 				padding: .1rem;
+				flex-shrink: 0;
 				&.active{
-					border: 1px solid #aaaaaa;
+					border: 2px solid #aaaaaa;
 				}
 			}
 			img:nth-child(1){