kubbo/dvcp_v2_wxcp_app
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

小助理

Browse Source
This commit is contained in:
liuye
2024-08-22 14:59:21 +08:00
parent 3fff92077b
commit 58a93432d9
9 changed files with 78 additions and 43 deletions
Download Patch File Download Diff File Expand all files Collapse all files

84
src/project/biaopin/AppDialogue/Talk.vue
View File

@@ -14,11 +14,11 @@
<div class="service-content" v-if="!messageList.length">
<div class="text-content">
<div class="text-left">
<div>嘿，你好呀！</div>
<p>我是您的<span>「Copilot小助理」</span>，</p>
<p>有什么问题都可以问我哟~</p>
<div>我是“忠小卫”</div>
<p>你最忠诚的AI搭档！</p>
<p>说出你的诉求，我们一起想办法！</p>
</div>
<img src="https://cdn.cunwuyun.cn/wechat/biaopin/residentAssistant/service.png" alt="" class="service-img">
<!-- <img src="https://cdn.sinoecare.com/i/2024/08/22/66c69f4ea77c5.png" alt="" class="service-img"> -->
</div>
</div>
<!-- <div class="list-bg" v-if="messageList.length"></div> -->
@@ -26,7 +26,7 @@
<div v-for="(item, index) in messageList" :key="index">
<div class="send-time">{{item.createTime.substring(5, 16)}}</div>
<div :class="item.userType == 1 ? 'item-left' : 'item-right'">
<img src="https://cdn.cunwuyun.cn/wechat/baiduAI/user-img.png" alt="" class="user-img" v-if="item.userType == 1">
<img src="https://cdn.sinoecare.com/i/2024/08/22/66c6de5a9db60.jpg" alt="" class="user-img" v-if="item.userType == 1">
<div class="item" :class="'item'+index">
<u-icon name="play-right-fill" color="#CCE2FF" size="20" v-if="item.userType != 1" class="u-icon-right"></u-icon>
<u-icon name="play-left-fill" color="#F3F5F7" size="20" v-if="item.userType == 1" class="u-icon-left"></u-icon>
@@ -82,6 +82,7 @@
<div class="load-content" v-if="showLoad">
<img src="https://cdn.sinoecare.com/i/2024/08/07/66b2cfd4d220d.gif" alt="">
</div>
<img src="https://cdn.sinoecare.com/i/2024/08/22/66c69f4d33eb1.png" alt="" class="bg-center">
</div>
</template>
<script>
@@ -400,66 +401,66 @@ page {
font-size: 24px;
color: #708099;
text-align: center;
padding: 10px 0 8px 0;
padding: 0 0 10px 0;
line-height: 34px;
}
}
.top-select {
display: inline-block;
line-height: 64px;
background: #026AF2;
border-radius: 32px;
text-align: center;
padding: 0 24px;
font-family: PingFangSC-Medium;
font-weight: 500;
line-height: 66px;
height: 68px;
background: #fff;
border: 1px solid #528CFF;
border-radius: 34px;
font-family: PingFangSC-Regular;
font-weight: 400;
font-size: 28px;
color: #FFF;
color: #0052F5;
padding: 0 24px;
box-sizing: border-box;
u-icon {
margin-left: 8px;
margin-left: 4px;
}
}
.service-content {
width: 100%;
height: 420px;
// background-image: url("https://cdn.cunwuyun.cn/wechat/biaopin/residentAssistant/content-top-bg.png");
// background-size: 100vw;
// background-image: url("https://cdn.sinoecare.com/i/2024/08/22/66c6b4384635e.jpg");
// background-size: 100% 100%;
// background-repeat: no-repeat;
padding-top: 148px;
margin-top: 144px;
box-sizing: border-box;
padding-top: 28px;
.text-content {
margin: 0 0 0 32px;
width: 686px;
height: 260px;
background-image: url("https://cdn.cunwuyun.cn/wechat/biaopin/residentAssistant/service-content-bg.png");
background-size: 100vw;
background-image: url("https://cdn.sinoecare.com/i/2024/08/22/66c69f4ea77c5.png");
background-size: 100% 100%;;
background-repeat: no-repeat;
padding: 32px;
box-sizing: border-box;
border-radius: 32px;
display: flex;
justify-content: space-between;
.text-left {
width: calc(100% - 192px);
div {
line-height: 54px;
font-family: SourceHanSansCN-Bold;
font-weight: 700;
font-size: 36px;
// background: linear-gradient(to bottom, #2A6EE9, #58A5F7);
// -webkit-background-clip: text;
// -webkit-text-fill-color: transparent;
margin-bottom: 16px;
line-height: 56px;
font-family: PingFangSC-SNaNpxibold;
font-weight: 600;
font-size: 40px;
background-image: linear-gradient(to right, #F57A00, #FFAA00);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
margin-bottom: 12px;
}
p {
color: #222;
height: 44px;
font-family: PingFangSC-Regular;
font-weight: 400;
font-size: 28px;
font-family: SourceHanSansCN;
line-height: 44px;
span {
display: inline-block;
font-weight: 700;
}
color: #222;
}
}
.service-img {
@@ -473,7 +474,7 @@ page {
.list-bg {
width: 100%;
height: 420px;
background-image: url("https://cdn.cunwuyun.cn/wechat/biaopin/residentAssistant/content-top-bg.png");
background-image: url("https://cdn.sinoecare.com/i/2024/08/22/66c6b4384635e.jpg");
position: fixed;
left: 0;
z-index: 1;
@@ -726,7 +727,14 @@ page {
top: 50%;
margin-top: -280px;
}
}
.bg-center {
position: fixed;
top: 50%;
left: 50%;
width: 306px;
height: 364px;
margin: -182px 0 0 -153px;
}
}
</style>