瀏覽代碼

css 百分比

future 2 年之前
父節點
當前提交
4a3b7b55f2
共有 5 個文件被更改,包括 46 次插入47 次删除
  1. 2 2
      pages/home/home-bottom.vue
  2. 39 42
      pages/home/home-brief.vue
  3. 1 1
      pages/home/home.vue
  4. 4 2
      pages/login/login.vue
  5. 二進制
      static/home/home_robot.png

+ 2 - 2
pages/home/home-bottom.vue

@@ -1,5 +1,5 @@
 <template>
-	<view class="container">
+	<view class="bottom_container">
 		<view class="info">
 			<view class="info_left">
 				<view class="info_left_box" v-for="(item, index) in leftList" :key="index">
@@ -48,7 +48,7 @@
 </script>
 
 <style lang="scss">
-	.container {
+	.bottom_container {
 		display: flex;
 		box-sizing: border-box;
 		flex-direction: column;

+ 39 - 42
pages/home/home-brief.vue

@@ -1,5 +1,5 @@
 <template>
-	<view class="container">
+	<view class="brief_container">
 		<view class="briefContent">
 			<view class="briefContent_info">
 				<view class="briefContent_info_title">
@@ -8,14 +8,14 @@
 				<view class="briefContent_info_content">
 					基于人工智能技术开发而成的个人助手,能够极大地提高办公和生活效率为用户节省处理事务的时间和精力。无论是在工作还是日常生活中,智能助理都可以帮助用户提高处理信息的速度,更快地完成工作和安排,打造更加便捷、高效的生活。通过智能学习和精准分析,智能助理还可以了解用户的喜好和习惯,为用户提供个性化的服务和建议,让用户的使用更加舒适和无忧。
 				</view>
-				<view class="briefContent_button" @click="clickToTiyan">
-					立即体验 →
-				</view>
 			</view>
 			<view class="briefContent_robotImg">
 				<image src="/static/home//home_robot.png" mode="aspectFit"></image>
 			</view>
 		</view>
+		<view class="tiyanButton" @click="clickToTiyan">
+			立即体验 →
+		</view>
 	</view>
 </template>
 
@@ -30,14 +30,7 @@
 			clickToTiyan() {
 				if(this.tools.is_login_gotoLogin(this.config.page_index.ai_chat) == true) {
 					uni.$emit(this.config.notification.switch_page_index, this.config.page_index.ai_chat)
-				} 
-				// if(this.tools.is_login()) {
-				// 	uni.$emit(this.config.notification.switch_page_index, this.config.page_index.ai_chat)
-				// } else {
-				// 	uni.navigateTo({
-				// 		url:'/pages/login/login' +'?login_success_goback_after_gotoAI=true'
-				// 	})
-				// }
+				}
 			}
 			
 		}
@@ -45,59 +38,63 @@
 </script>
 
 <style lang="scss">
-	.container{
+	.brief_container{
 		display: flex;
 		box-sizing: border-box;
+		flex-direction: column;
 		width: 100%;
-		// background-color: red;
+		align-items: center;
+
 		.briefContent{
 			display: flex;
 			width: 100%;
-			height: 250px;
-			padding: 18px;
+			// height: 50vw; //250px;
+			padding: 1.8vw; //18px;
 			align-items: center;
 			justify-content: space-between;
-			background-color: #2A2832;
+			// background-color: #2A2832;
 			.briefContent_info{
-				position: relative;
+				display: flex;
+				flex-direction: column;
 				width: 100%;
 				height: 100%;
-				// background-color: yellow;
+				margin: 0 1vw;
 				.briefContent_info_title{
-					font-size: 25px;
+					font-size: 2.5vw; //25px;
 					font-weight: 700;
 					color: #ffffff;
 				}
 				.briefContent_info_content{
-					margin-top: 12px;
-					font-size: 18px;
+					margin-top: 1vw; //12px;
+					font-size: 1.7vw; //18px;
 					font-weight: 400;
-					height: 125px;	
-					line-height: 30px;
 					color: #ffffff;
 					overflow: hidden;
-					text-overflow: ellipsis;		
-				}
-				.briefContent_button{
-					position: absolute;
-					margin-top: 25px;
-					left: 40%;
-					display: flex;
-					width: 170px;
-					height: 45px;
-					border-radius: 8px;
-					font-size: 20px;
-					color: #ffffff;
-					background: linear-gradient(to right, #1BC8C8, #D4F906);
-					justify-content: center;
-					align-items: center;
+					text-overflow: ellipsis;	
 				}
 			}
 			.briefContent_robotImg{
-				margin-left: 10px;
-				width: 440px;
-				height: 225px;
+				margin-top: 4vw;
+				margin-right: 1vw;
+				width: 70%; //440px;
+				height: 90%; //225px;
+				image{
+					width: 100%;
+					height: 100%;
+				}
 			}
 		}
+		.tiyanButton{
+			margin: 2.5vw 0;
+			display: flex;
+			width: 17vw; //170px;
+			height: 4.5vw; //45px;
+			border-radius: 0.8vw; //8px;
+			font-size: 2vw; //20px;
+			color: #ffffff;
+			background: linear-gradient(to right, #1BC8C8, #D4F906);
+			justify-content: center;
+			align-items: center;
+		}
 	}
 </style>

+ 1 - 1
pages/home/home.vue

@@ -41,7 +41,7 @@
 	.container{
 		display: flex;
 		box-sizing: border-box;
-		position: relative;
+		position: fixed;
 		flex-direction: column;
 		left: 0;
 		width: 100%;

+ 4 - 2
pages/login/login.vue

@@ -97,11 +97,13 @@
 			display: flex;
 			box-sizing: border-box;
 			flex-direction: column;
-			width: 50%; //497px;
+			width: 55%; //497px;
 			border-radius: 2vw; //10px;
 			border: 1px solid #32B3AA;			
 			box-shadow: 0 0 15px #000000;
-			padding: 50px 37px;
+			// padding: 50px 37px;
+			padding: 8vw 5vw;
+			margin-top: 3vw;
 			align-items: center;
 			.loginText{
 				display: flex;

二進制
static/home/home_robot.png