样式适配

src/views/HomeMain.vue

@@ -35,7 +35,7 @@
 								<div v-for="historyTypeItem in historyData.updateTimeType" :key="historyTypeItem">
 									<div class="timeType" v-if="historyTypeItem == 'Todaylist' && item.Todaylist.length>0">Today</div>
 									<div class="timeType" v-if="historyTypeItem == 'Yesterdaylist' && item.Yesterdaylist.length>0">Yesterday</div>
-									<div class="timeType" v-if="historyTypeItem == 'WithinAWeeklist' && item.WithinAWeeklist.length>0">Within a wseek</div>
+									<div class="timeType" v-if="historyTypeItem == 'WithinAWeeklist' && item.WithinAWeeklist.length>0">Within a week</div>
 									<div class="timeType" v-if="historyTypeItem == 'EarlierTodaylist' && item.EarlierTodaylist.length>0">Earlier</div>
 									<div v-for="childItem,index in item[historyTypeItem]" class="detailItem history" @click="setHistory(item,childItem)" :class="{active:openTypeChild == childItem.id}">
 										<div class="text" style="width: 100%;">
@@ -844,13 +844,13 @@ export default defineComponent({
             };
 			await Https.axiosPost(Https.httpUrls.accountLogout, data).then((rv) => {
 				// WriteCookie("token");
+				clonAllCookie()
 			});
 			this.$router.replace("/");
 			this.store.commit('createDetail')
 			this.store.commit('createProbject')
 
 			// WriteCookie("token");
-			clonAllCookie()
 			// window.location.reload()
             
         },
@@ -983,6 +983,11 @@ export default defineComponent({
 				border-radius: 2rem;
 				&.history{
 					flex: 1;
+					> .detailBox{
+						>.detail{
+							min-height: 10rem;
+						}
+					}
 				}
 				> .titleBox{
 					padding: 1.2rem;
@@ -1027,7 +1032,6 @@ export default defineComponent({
 					> .detail{
 						position: relative;
 						height: 100%;
-						min-height: 10rem;
 						> img{
 							width: 100%;
 						}
@@ -1421,7 +1425,7 @@ export default defineComponent({
 						height: 6rem;
 						width: 6rem;
 						position: relative;
-						transform-origin: top;
+						// transform-origin: top;
 						overflow: hidden;
 						z-index: 2;
 						left: 0;
@@ -1429,9 +1433,10 @@ export default defineComponent({
 						cursor: pointer;
 						background: #fff;
 						img{
+							background: #000;
 							width: 100%;
 							height: 100%;
-							object-fit: contain;
+							object-fit: cover;
 						}
 						// transition: all .3s;
 					}

src/views/HomeView/Events.vue

@@ -123,7 +123,7 @@ export default defineComponent({
 		let {t} = useI18n()
 		let openEventsDetail = (item:any)=>{
 			let path = router.currentRoute._value.path.split('/')[1]
-			router.push(`/${path}/eventsDetail?id=${item.id}`)
+			router.push(`/${path}/eventsDetail?eventId=${item.id}`)
 			// router.push(`${path}?id=${item.id}`)
 		}
 		onMounted (()=>{
@@ -244,7 +244,7 @@ export default defineComponent({
 			display: flex;
 			flex-wrap: wrap;
 			.page_content_item{
-				max-width: 25%;
+				width: 25%;
 				padding: 2rem;
 				@media (max-width: 768px) {
 					max-width: 100%;
@@ -265,6 +265,7 @@ export default defineComponent({
 					color: #5f5f5f;
 				}
 				.page_content_item_title{
+					font-size: 1.6rem;
 					text-overflow: ellipsis; /* 显示省略号 */
 					overflow: hidden; /* 溢出隐藏 */
 					display: -webkit-box;

src/views/HomeView/Works.vue

@@ -10,7 +10,7 @@
 			<div v-show="!isScroll" class="modal_title_text_assistant gallery_btn white" :class="{active:'NewYear_2025' == worksSelect}" @click="setWorksSelect({value:'NewYear_2025'})">NewYear_2025</div>
 		</div> -->
         <div class="page_content" ref="autoscrollDom">
-			<Falls ref="fall" @loadend="isShowMark = false" @setPortfolioLike="setPortfolioLike" :isScroll="isScroll" @getImgScale="getImgScale"></Falls>
+			<Falls ref="fall" @loadend="isShowMark = false" :itemWidth="failWidth" @setPortfolioLike="setPortfolioLike" :isScroll="isScroll" @getImgScale="getImgScale"></Falls>
 			<div class="page_loading_box" v-show="!isNoData">
 				<span class="page_loading" v-show="!isShowMark"></span>
 				<span v-show="isShowMark">
@@ -72,6 +72,7 @@ export default defineComponent({
 		let filter:any = reactive({
 			worksSelect: 'all',
 			isNull:true,
+			failWidth:300,
 			worksType: [
 				{
 					name: useI18n().t('works.all'),
@@ -163,16 +164,57 @@ export default defineComponent({
 		}
 		let getImgScale = (item:any)=>{
 			let newScaleModel = null
-			if(window.innerWidth < 768){
-				newScaleModel = newScaleImageMobile
-			}else{
+			if(getScreenOrientation() == 'landscape'){
 				newScaleModel = newScaleImage
 				newScaleModel.value.scaleImageMask = true
-
+			}else{
+				newScaleModel = newScaleImageMobile
 			}
 			newScaleModel.value.init(item)
 			
 		}
+		function getScreenOrientation() {
+			// 优先使用标准API
+			if (screen.orientation) {
+				return screen.orientation.type.includes('portrait') ? 'portrait' : 'landscape';
+			}
+			// 回退到宽高比检测
+			return window.innerWidth > window.innerHeight ? 'landscape' : 'portrait';
+			}
+
+			// 监听方向变化
+			function setupOrientationListener(callback) {
+			// 标准事件
+			const handleOrientationChange = () => {
+				callback(getScreenOrientation());
+			};
+
+			// 优先使用标准API
+			if (screen.orientation) {
+				screen.orientation.addEventListener('change', handleOrientationChange);
+			} 
+			// 回退到resize事件
+			else {
+				window.addEventListener('resize', handleOrientationChange);
+			}
+			// 返回清除监听的方法
+			return () => {
+				if (screen.orientation) {
+				screen.orientation.removeEventListener('change', handleOrientationChange);
+				} else {
+				window.removeEventListener('resize', handleOrientationChange);
+				}
+			};
+			}
+			const cleanup = setupOrientationListener((orientation) => {
+				if (orientation === 'portrait') {
+					// 竖屏逻辑
+					return 'portrait'
+				} else {
+					// 横屏逻辑
+					return 'landscape'
+				}
+		});
 		let getPorfolio = ()=>{
 			let data = filter.getListDate
 			if(filter.isShowMark && !filter.isNoData)return
@@ -253,6 +295,7 @@ export default defineComponent({
 			{ immediate: true } // 立即触发一次以处理初始参数
 			);
 		onMounted (()=>{
+			if(window.innerWidth < 1200)filter.failWidth = 120
 			nextTick(()=>{
 				setPorfolioDom()
 			})