浏览代码

登录页样式自适应调整;问答页增加审核需求文字(本服务为AI生成内容,结果仅供参考)

htc 2 天之前
父节点
当前提交
cd9b5bf86d
共有 2 个文件被更改,包括 81 次插入61 次删除
  1. 11 0
      pages/dialog.vue
  2. 70 61
      pages/login.vue

+ 11 - 0
pages/dialog.vue

@@ -67,6 +67,7 @@
 					</div>
 				</div>
 			</div>
+			<div class="ask_memo">本服务为AI生成内容,结果仅供参考</div>
 		</div>
 		<u-modal :show="commentShow" title="评论" @confirm="commentConfirm" @cancel="commentCancel" @close="commentCancel" :showCancelButton="true">
 			<u-textarea v-model="content" placeholder="对于我们的回答您是否不满意,您有更好的答案建议吗?请在此输入."></u-textarea>
@@ -429,6 +430,16 @@
 			position: fixed;
 			left: 0;
 			box-sizing: border-box;
+			
+			.ask_memo{
+				font-family: PingFangSC, PingFang SC;
+				font-weight: 400;
+				font-size: 24rpx;
+				color: #b1b1b1;
+				line-height: 34rpx;
+				text-align: center;
+				margin-top: 16rpx;
+			}
 		}
 	
 		.ask{

+ 70 - 61
pages/login.vue

@@ -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;
+				}
 			}
 		}
 	}