修复部分bug和调整首页的移动端布局

2024-07-14 00:00:34 +08:00
parent 55d19a3969
commit eaa46d9fc3
12 changed files with 1306 additions and 15 deletions
--- a/src/views/HomeRecommend.vue
+++ b/src/views/HomeRecommend.vue
@@ -12,7 +12,7 @@
            </div>
 			<div class="homeRecommend_right">
 				<a class="started_btn" v-if="systemUser.value == 0" href="https://code-create.com.hk/aida/" target="_blank">Upgrade to an official user</a>
-				<div class="started_btn" v-if="systemUser.value == 1" @click="goHome">Home</div>
+				<div class="started_btn" v-if="systemUser.value == 1 && !isMoblie" @click="goHome">Home</div>
 				<div class="started_btn started_btn2" v-if="systemUser.value != -1" @click="logout">log off</div>
 			</div>
 			<div class="homeRecommend_right" v-if="systemUser.value == -1">
@@ -22,7 +22,7 @@
        </header>
 		<div class="homeRecommend_content_body">
 			<div class="homeRecommend_content_body_recommend" id="aaaa">
-				<div class="content_body_recommend_left">
+				<div class="content_body_recommend_left mdhidden">
 					<img class="content_body_img1 content_body_img" src="/image/mainImg/img1.png" alt="">
 					<img class="content_body_img2 content_body_img" src="/image/mainImg/img2.png" alt="">
 					<img class="content_body_img3 content_body_img" src="/image/mainImg/img3.png" alt="">
@@ -39,7 +39,7 @@
 						<a class="started_btn" href="https://code-create.com.hk/aida-trial/" target="_blank">START TRIAL</a>
 					</div>
 				</div>
-				<div class="content_body_recommend_right">
+				<div class="content_body_recommend_right mdhidden">
 					<img class="content_body_img1 content_body_img" src="/image/mainImg/img6.png" alt="">
 					<img class="content_body_img2 content_body_img" src="/image/mainImg/img7.png" alt="">
 					<img class="content_body_img3 content_body_img" src="/image/mainImg/img8.png" alt="">
@@ -57,7 +57,7 @@
 	
 </template>
 <script >
-import { defineComponent, createVNode, ref , nextTick,computed } from "vue";
+import { defineComponent, createVNode, ref , nextTick,computed, onMounted } from "vue";
 import { isEmail } from "@/tool/util";
 import { setCookie, getCookie, WriteCookie,clonAllCookie } from "@/tool/cookie";
 import VerificationCodeInput from "@/component/LoginPage/verificationCodeInput.vue";
@@ -84,6 +84,7 @@ export default defineComponent({
        const store = useStore();
 		const router = useRouter();
 		let registerModel = ref()
+		let isMoblie = ref(false)
 		let systemUser = computed(()=>{
 			return store.state.UserHabit.systemUser
 		})
@@ -92,6 +93,9 @@ export default defineComponent({
 		}
 		let setRegister = () =>{
 			// ler
+			if(window.innerWidth < 768){
+				registerModel.value.pageWidth = '100%'
+			}
 			registerModel.value.init()
 			// router.push("/register");
 		}
@@ -117,6 +121,11 @@ export default defineComponent({
 		let goHome = ()=>{
 			router.push('/home');
 		}
+		onMounted(()=>{
+			if(window.innerWidth < 768){
+				isMoblie.value = true
+			}
+		})
 		return {
 			systemUser,
 			setLogin,
@@ -125,6 +134,7 @@ export default defineComponent({
 			setAdminUp,
 			logout,
 			goHome,
+			isMoblie,
 		}
 	},
    data() {
@@ -193,6 +203,7 @@ export default defineComponent({
 	display: flex;
 	height: 100%;
 	flex-direction: column;
+	
 	.homeRecommend_content_body{
 		flex: 1;
 	}
@@ -209,8 +220,10 @@ export default defineComponent({
    // border-bottom: 0.1rem solid rgba(3, 3, 3, 0.1);
    position: relative;
    align-items: center;
-
 	z-index: 1049;
+	@media (max-width: 768px) {
+		z-index: 1000;
+	}
 	background-color: #fff;
 	.homeRecommend_right{
 		width: 33%;
@@ -386,6 +399,9 @@ export default defineComponent({
 			transform: translateX(-50%);
 			z-index: 2;
 			opacity: 0;
+			@media (max-width: 768px) {
+				width: 80%;
+			}
 			.content_body_recommend_center_title{
 				h1{
 					line-height: 1;
--- a/src/views/HomeView/Works.vue
+++ b/src/views/HomeView/Works.vue
@@ -24,6 +24,7 @@
 		</div>
 		
 		<newScaleImage ref="newScaleImage" @deletePorfolio="deletePorfolio"></newScaleImage>
+		<newScaleImageMobile ref="newScaleImageMobile" @deletePorfolio="deletePorfolio"></newScaleImageMobile>
 		<!-- <RobotAssist></RobotAssist> -->

    </div>
@@ -40,6 +41,8 @@ import { useStore } from "vuex";
 import { Https } from "@/tool/https";
 import { getCookie } from "@/tool/cookie";
 import newScaleImage from "@/component/WorksPage/newScaleImage.vue";
+import newScaleImageMobile from "@/component/WorksPage/newScaleImageMobile.vue";
+
 import { useI18n } from "vue-i18n";
 import { ElCascader } from 'element-plus'
 import { remove } from "jszip";
@@ -49,6 +52,7 @@ import Falls from "@/component/WorksPage/Falls.vue";
 export default defineComponent({
    components: {
        newScaleImage,
+		newScaleImageMobile,
 		Falls,
 		generalMenu,
    },
@@ -121,6 +125,7 @@ export default defineComponent({
 			value:'all',
 		})
 		let newScaleImage:any = ref()
+		let newScaleImageMobile:any = ref()
 		let fall:any = ref()
 		let setWorksSelect = (val:any) => {
 			filter.worksSelect = val.value
@@ -141,8 +146,16 @@ export default defineComponent({
 		let likeFile = (item:any,type:string) => {
 		}
 		let getImgScale = (item:any)=>{
-			newScaleImage.value.scaleImageMask = true
-			newScaleImage.value.init(item)
+			let newScaleModel = null
+			if(window.innerWidth < 768){
+				newScaleModel = newScaleImageMobile
+			}else{
+				newScaleModel = newScaleImage
+				newScaleModel.value.scaleImageMask = true
+
+			}
+			newScaleModel.value.init(item)
+			
 		}
 		let getPorfolio = ()=>{
 			let data = filter.getListDate
@@ -216,6 +229,7 @@ export default defineComponent({
 			menuList,
 			selectMenu,
 			newScaleImage,
+			newScaleImageMobile,
 			fall,
 			setWorksSelect,
 			likeFile,
--- a/src/views/LoginPage.vue
+++ b/src/views/LoginPage.vue
@@ -139,7 +139,7 @@
 				</div>
                
                <!-- 邮箱登录 end -->
-				<div class="login_content_right">
+				<div class="login_content_right mdhidden">
 					<img
 						src="@/assets/images/loginPage/aida_logo_centent.jpg"
 					/>
@@ -478,7 +478,11 @@ export default defineComponent({
 						if(rv.systemUser == 0){
 							this.turnToHomePage('/');
 						}else{
-							this.turnToHomePage('/home');
+							if(window.innerWidth < 768){
+								this.turnToHomePage('/');
+							}else{
+								this.turnToHomePage('/home');
+							}
 						}
 						sessionStorage.setItem('isTimeOne', JSON.stringify(false));//是否需要公告 提示 弹窗
 						let randomNum:any = Math.floor(Math.random() * 9000000000000000) + 1000000000000000;
@@ -585,9 +589,14 @@ export default defineComponent({
 			display: flex;
 			justify-content: space-between;
 			align-items: center;
-
+			@media (max-width: 768px) {
+				width: 100%;
+			}
 			.login_content_left{
 				width: 40%;
+				@media (max-width: 768px) {
+					width: 100%;
+				}
 				.login_form_email{
 					position: absolute;
 					left: 0;