2023-10-30-1

src/views/HistoryPage.vue

@@ -230,8 +230,6 @@ export default defineComponent({
 	overflow: hidden;
 	min-width: 1024px;
 	position: relative;
-	left: 50%;
-	transform: translateX(-50%);
     .page_content {
         position: relative;
 

src/views/HomeView.vue

@@ -141,7 +141,7 @@
 											@dragover.prevent 
 											@drop="dragDrop($event, index)">
 											<div class="content_img_flex">
-												<img class="content_img" v-lazy="design.designOutfitUrl"
+												<img class="content_img" :src="design.designOutfitUrl"
 													:key="design.designOutfitUrl" />
 											</div>
 											<div class="icon iconfont icon-jushoucanggift icon_like" @click.stop="
@@ -322,9 +322,21 @@ export default defineComponent({
 				// 		}
 						
 				// 	}
-					
 				// 	el.style.marginLeft = num+'px'
 				// })
+				let bodyDom:any = document.getElementsByClassName('right_content_block')[0]
+				let dom:any = document.getElementsByClassName('right_content_body')
+				let mouseover = ()=>{
+					bodyDom.classList.add('active')
+				}
+				let mouseleave = ()=>{
+					bodyDom.classList.remove('active')
+				}
+				dom.forEach((item:any) => {
+					item.addEventListener('mouseover',mouseover)
+					item.addEventListener('mouseleave',mouseleave)
+				});
+				
 			
 				el.addEventListener('wheel',(e:WheelEvent)=>{
 					let num = 0
@@ -334,7 +346,7 @@ export default defineComponent({
 						num = -25
 					}
 					el.scrollBy(num, 0);
-				})
+				},true)
 			}
 		}
 	},
@@ -1112,7 +1124,12 @@ export default defineComponent({
 
 					.right_content_block {
 						height: calc(100% - 8.584rem);
+							overflow-y: auto;
 
+						&.right_content_block::-webkit-scrollbar{display: none;}
+						&.active{
+							overflow: hidden;
+						}
 						.right_content_header {
 							display: flex;
 							justify-content: space-between;
@@ -1143,6 +1160,7 @@ export default defineComponent({
 							padding: 0 1.8rem 0 1.2rem;
 							background: rgba(255, 255, 255, 0.2);
 							height: calc(50% - 5.5rem);
+							min-height: 280px;
 
 							.right_content_img_block {
 								// overflow-y: auto;
@@ -1153,7 +1171,7 @@ export default defineComponent({
 								width: auto;
 								// overflow: hidden;
 								align-items: center;
-								padding-bottom: 1rem;
+								// padding-bottom: 1rem;
 								overflow-x: auto;
 								&.active::-webkit-scrollbar-button:single-button{
 									display: none;
@@ -1196,8 +1214,11 @@ export default defineComponent({
 									width: auto;
 									height: 37rem;
 									// height: 29.5rem;
-									margin-right: 2rem;
+									margin-right: 1rem;
 									// margin-bottom: 1rem;
+									min-width: 127px;
+									min-height: 271px;
+
 									display: inline-block;
 									position: relative;
 									vertical-align: top;

src/views/LibraryPage.vue

@@ -935,8 +935,6 @@ export default defineComponent({
 	padding: 0 9rem;
 	min-width: 1024px;
 	position: relative;
-	left: 50%;
-	transform: translateX(-50%);
     .page_content {
         position: relative;