|
@@ -2,26 +2,30 @@
|
|
|
<view class="page" :style="{'min-height':h+'px', 'padding-top':mt+'px'}">
|
|
|
<cus-header title='创衡汇教练AI智能体' :showback="false"></cus-header>
|
|
|
<div class="content">
|
|
|
- <image src="@/static/logo2.png" mode="heightFix"></image>
|
|
|
- <div class="title">Hi,我是企业教练~</div>
|
|
|
- <div class="tip">很高兴遇见你!作为你的AI教练,我随时可以回答您的问题</div>
|
|
|
- <div class="item adf">
|
|
|
- <image src="@/static/qa.png"></image>
|
|
|
- <div class="qa">
|
|
|
- <p>智能问答</p>
|
|
|
- <p>正念修己 教练达人,知识推理整合,要点清晰呈现,助力企业打造高价值团队</p>
|
|
|
+ <div class="c_top">
|
|
|
+ <image src="@/static/logo2.png" mode="heightFix"></image>
|
|
|
+ <div class="title">Hi,我是企业教练~</div>
|
|
|
+ <div class="tip">很高兴遇见你!作为你的AI教练,我随时可以回答您的问题</div>
|
|
|
+ <div class="item adf">
|
|
|
+ <image src="@/static/qa.png"></image>
|
|
|
+ <div class="qa">
|
|
|
+ <p>智能问答</p>
|
|
|
+ <p>正念修己 教练达人,知识推理整合,要点清晰呈现,助力企业打造高价值团队</p>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
- <div class="item adf">
|
|
|
- <image src="@/static/qs.png"></image>
|
|
|
- <div class="qa">
|
|
|
- <p>PERILL模型问题库</p>
|
|
|
- <p>作为团队成员,您可以对所在团队相关描述的体验进行评分,帮助团队有效评估团队的现状</p>
|
|
|
+ <div class="item adf">
|
|
|
+ <image src="@/static/qs.png"></image>
|
|
|
+ <div class="qa">
|
|
|
+ <p>PERILL模型问题库</p>
|
|
|
+ <p>作为团队成员,您可以对所在团队相关描述的体验进行评分,帮助团队有效评估团队的现状</p>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <button class="zt_btn" open-type="getPhoneNumber" @getphonenumber="decryptPhoneNumber">手机号一键登录</button>
|
|
|
- <button class="zt_btn" style="margin-top: 20rpx;" @tap="codeLogin">授权码登录</button>
|
|
|
- <div class="qx_btn" @click="cancelLogin">取消登录</div>
|
|
|
+ <div class="c_bottom">
|
|
|
+ <button class="zt_btn" open-type="getPhoneNumber" @getphonenumber="decryptPhoneNumber">手机号一键登录</button>
|
|
|
+ <button class="zt_btn" style="margin-top: 20rpx;" @tap="codeLogin">授权码登录</button>
|
|
|
+ <div class="qx_btn" @click="cancelLogin">取消登录</div>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
<u-popup :show="show" @close="cancel" mode="center" :round="20">
|
|
|
<div class="code">
|
|
@@ -129,57 +133,62 @@
|
|
|
padding: 0 45rpx;
|
|
|
flex: 1;
|
|
|
overflow-y: auto;
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+ justify-content: space-between;
|
|
|
|
|
|
- &>image{
|
|
|
- height: 88rpx;
|
|
|
- margin-top: 100rpx;
|
|
|
- }
|
|
|
- .title{
|
|
|
- font-family: PingFang-SC, PingFang-SC;
|
|
|
- font-weight: bold;
|
|
|
- font-size: 48rpx;
|
|
|
- color: #252525;
|
|
|
- line-height: 67rpx;
|
|
|
- margin-top: 36rpx;
|
|
|
- }
|
|
|
- .tip{
|
|
|
- font-family: PingFangSC, PingFang SC;
|
|
|
- font-weight: 400;
|
|
|
- font-size: 30rpx;
|
|
|
- color: #646464;
|
|
|
- line-height: 47rpx;
|
|
|
- margin-top: 20rpx;
|
|
|
- }
|
|
|
- .item{
|
|
|
- margin-top: 64rpx;
|
|
|
+ .c_top{
|
|
|
&>image{
|
|
|
- width: 64rpx;
|
|
|
- height: 64rpx;
|
|
|
+ height: 88rpx;
|
|
|
+ margin-top: 100rpx;
|
|
|
+ }
|
|
|
+ .title{
|
|
|
+ font-family: PingFang-SC, PingFang-SC;
|
|
|
+ font-weight: bold;
|
|
|
+ font-size: 48rpx;
|
|
|
+ color: #252525;
|
|
|
+ line-height: 67rpx;
|
|
|
+ margin-top: 36rpx;
|
|
|
}
|
|
|
- .qa{
|
|
|
- width: calc(100% - 64rpx);
|
|
|
- padding-left: 24rpx;
|
|
|
- box-sizing: border-box;
|
|
|
- p{
|
|
|
- font-family: PingFang-SC, PingFang-SC;
|
|
|
- font-weight: bold;
|
|
|
- font-size: 32rpx;
|
|
|
- color: #252525;
|
|
|
- line-height: 45rpx;
|
|
|
- &:last-child{
|
|
|
- font-weight: 400;
|
|
|
- font-size: 28rpx;
|
|
|
- color: #646464;
|
|
|
- line-height: 47rpx;
|
|
|
+ .tip{
|
|
|
+ font-family: PingFangSC, PingFang SC;
|
|
|
+ font-weight: 400;
|
|
|
+ font-size: 30rpx;
|
|
|
+ color: #646464;
|
|
|
+ line-height: 47rpx;
|
|
|
+ margin-top: 20rpx;
|
|
|
+ }
|
|
|
+ .item{
|
|
|
+ margin-top: 64rpx;
|
|
|
+ &>image{
|
|
|
+ width: 64rpx;
|
|
|
+ height: 64rpx;
|
|
|
+ }
|
|
|
+ .qa{
|
|
|
+ width: calc(100% - 64rpx);
|
|
|
+ padding-left: 24rpx;
|
|
|
+ box-sizing: border-box;
|
|
|
+ p{
|
|
|
+ font-family: PingFang-SC, PingFang-SC;
|
|
|
+ font-weight: bold;
|
|
|
+ font-size: 32rpx;
|
|
|
+ color: #252525;
|
|
|
+ line-height: 45rpx;
|
|
|
+ &:last-child{
|
|
|
+ font-weight: 400;
|
|
|
+ font-size: 28rpx;
|
|
|
+ color: #646464;
|
|
|
+ line-height: 47rpx;
|
|
|
+ }
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
- .zt_btn{
|
|
|
- margin-top: 176rpx;
|
|
|
- }
|
|
|
- .qx_btn{
|
|
|
- margin-top: 36rpx;
|
|
|
+
|
|
|
+ .c_bottom{
|
|
|
+ .qx_btn{
|
|
|
+ margin-top: 36rpx;
|
|
|
+ }
|
|
|
}
|
|
|
}
|
|
|
}
|