chatgpt/pages/home/home-brief.vue

<template>
	<view class="container">
		<view class="briefContent">
			<view class="briefContent_info">
				<view class="briefContent_info_title">
					智能助理
				</view>
				<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>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			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'
				// 	})
				// }
			}
			
		}
	}
</script>

<style lang="scss">
	.container{
		display: flex;
		box-sizing: border-box;
		width: 100%;
		// background-color: red;
		.briefContent{
			display: flex;
			width: 100%;
			height: 250px;
			padding: 18px;
			align-items: center;
			justify-content: space-between;
			background-color: #2A2832;
			.briefContent_info{
				position: relative;
				width: 100%;
				height: 100%;
				// background-color: yellow;
				.briefContent_info_title{
					font-size: 25px;
					font-weight: 700;
					color: #ffffff;
				}
				.briefContent_info_content{
					margin-top: 12px;
					font-size: 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;
				}
			}
			.briefContent_robotImg{
				margin-left: 10px;
				width: 440px;
				height: 225px;
			}
		}
	}
</style>