|
|
@@ -1,6 +1,21 @@
|
|
|
<template>
|
|
|
<view class="container" :style="{'top': viewTop + 'px', 'height': viewHeight + 'px'}">
|
|
|
- 首页
|
|
|
+ <view class="briefContent">
|
|
|
+ <view class="briefContent_info">
|
|
|
+ <view class="briefContent_info_title">
|
|
|
+ 智能助理
|
|
|
+ </view>
|
|
|
+ <view class="briefContent_info_content">
|
|
|
+ 基于人工智能技术开发而成的个人助手，能够极大地提高办公和生活效率为用户节省处理事务的时间和精力。无论是在工作还是日常生活中，智能助理都可以帮助用户提高处理信息的速度，更快地完成工作和安排，打造更加便捷、高效的生活。通过智能学习和精准分析，智能助理还可以了解用户的喜好和习惯，为用户提供个性化的服务和建议，让用户的使用更加舒适和无忧。
|
|
|
+ </view>
|
|
|
+ <view class="briefContent_button">
|
|
|
+ 立即体验 →
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="briefContent_robotImg">
|
|
|
+ <image src="/static/home//home_robot.png" mode="aspectFit"></image>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
</view>
|
|
|
</template>
|
|
|
|
|
|
@@ -31,8 +46,57 @@
|
|
|
.container{
|
|
|
display: flex;
|
|
|
box-sizing: border-box;
|
|
|
+ flex-direction: column;
|
|
|
position: fixed;
|
|
|
left: 0;
|
|
|
width: 100%;
|
|
|
+ .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;
|
|
|
+ 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>
|
future
