kubbo/dvcp_v2_wechat_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:27:07 +08:00
parent 59d9cbeb10
commit 5b5f87afc3
10 changed files with 190 additions and 108 deletions
Download Patch File Download Diff File Expand all files Collapse all files

129
src/project/baiduAI/AppDialogue/AppDialogue.vue
View File

@@ -4,18 +4,18 @@
<!-- <scroll-view scroll-y="true" class="scroll-Y" @scroll="scroll"> --> <!-- <scroll-view scroll-y="true" class="scroll-Y" @scroll="scroll"> -->
<div class="top-fixed"> <div class="top-fixed">
<div class="top-select" @click="showType=true"> <div class="top-select" @click="showType=true">
{{aiConfigName || '选择应用'}} <u-icon name="arrow-down" color="#fff" size="28"></u-icon> {{aiConfigName || '选择应用'}} <u-icon name="arrow-down" color="#0052F5" size="28"></u-icon>
</div> </div>
<p>已切换至{{aiConfigName}}大模型</p> <!-- <p>已切换至{{aiConfigName}}大模型</p> -->
</div> </div>
<div class="service-content" v-if="!messageList.length"> <div class="service-content" v-if="!messageList.length">
<div class="text-content"> <div class="text-content">
<div class="text-left"> <div class="text-left">
<div>嘿，你好呀！</div> <div>我是“忠小卫”</div>
<p>我是您的<span>「Copilot小助理」</span>，</p> <p>你最忠诚的AI搭档！</p>
<p>有什么问题都可以问我哟~</p> <p>说出你的诉求，我们一起想办法！</p>
</div> </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> </div>
<div class="list-bg" v-if="messageList.length"></div> <div class="list-bg" v-if="messageList.length"></div>
@@ -63,7 +63,7 @@
<img src="https://cdn.cunwuyun.cn/wechat/baiduAI/question-icon.png" alt="">登录 <img src="https://cdn.cunwuyun.cn/wechat/baiduAI/question-icon.png" alt="">登录
</div> --> </div> -->
<button class="login-btn" open-type="getPhoneNumber" @getphonenumber="handleAdminLogin" v-if="!token"> <button class="login-btn" open-type="getPhoneNumber" @getphonenumber="handleAdminLogin" v-if="!token">
<img src="https://cdn.cunwuyun.cn/wechat/baiduAI/question-icon.png" alt="">登录 <img src="https://cdn.sinoecare.com/i/2024/08/22/66c69f4e2a281.png" alt="">登录
</button> </button>
<u-select v-model="showType" :list="typeList" value-name="dictValue" <u-select v-model="showType" :list="typeList" value-name="dictValue"
label-name="dictName" @confirm="confirmType"></u-select> label-name="dictName" @confirm="confirmType"></u-select>
@@ -87,6 +87,7 @@
<div class="load-content" v-if="showLoad"> <div class="load-content" v-if="showLoad">
<img src="https://cdn.sinoecare.com/i/2024/08/07/66b2cfd4d220d.gif" alt=""> <img src="https://cdn.sinoecare.com/i/2024/08/07/66b2cfd4d220d.gif" alt="">
</div> </div>
<img src="https://cdn.sinoecare.com/i/2024/08/22/66c69f4d33eb1.png" alt="" class="bg-center">
</div> </div>
</template> </template>
<script> <script>
@@ -105,7 +106,7 @@ export default {
data() { data() {
return { return {
backgroundNavbar: { backgroundNavbar: {
background: 'url(https://cdn.sinoecare.com/i/2024/08/06/66b1c9696650b.png) no-repeat', background: 'url(https://cdn.sinoecare.com/i/2024/08/22/66c6b43796377.jpg) no-repeat',
backgroundSize: 'cover', backgroundSize: 'cover',
}, },
recorderManager: null, recorderManager: null,
@@ -257,7 +258,14 @@ export default {
} }
// this.$loading() // this.$loading()
this.showLoad = true this.showLoad = true
this.$instance.post("/app/appaicopilotinfo/add", {sdkFileUrl: this.voiceUrl, fileId: this.voiceId, appType: 0, aiConfigId: this.aiConfigId}).then(res => { this.$instance.post("/app/appaicopilotinfo/add", {
sdkFileUrl: this.voiceUrl,
fileId: this.voiceId,
appType: 0,
aiConfigId: this.aiConfigId,
supplementContent:
this.latLng
}).then(res => {
if(res.code == 0) { if(res.code == 0) {
this.voiceUrl = '' this.voiceUrl = ''
this.voiceId = '' this.voiceId = ''
@@ -286,7 +294,7 @@ export default {
// this.$loading() // this.$loading()
this.showLoad = true this.showLoad = true
this.$instance.post(`/app/appaicopilotinfo/list?current=${this.current}&size=10&aiConfigId=${this.aiConfigId}`).then(res => { this.$instance.post(`/app/appaicopilotinfo/list?current=${this.current}&size=10&aiConfigId=${this.aiConfigId}`).then(res => {
if(res.code == 0 && res.data.records.length) { if(res?.code == 0) {
res.data.records.map((item) => { res.data.records.map((item) => {
if(item.sdkFileUrl) { if(item.sdkFileUrl) {
item.isPlay = false item.isPlay = false
@@ -300,10 +308,10 @@ export default {
selector: this.current == 1 ? `.item${this.messageList.length-1}` : `.item${idPage}` selector: this.current == 1 ? `.item${this.messageList.length-1}` : `.item${idPage}`
}); });
}) })
this.pages = res.data.pages return this.pages = res.data.pages
// this.$hideLoading()
this.showLoad = false
} }
}).finally(()=> {
this.showLoad = false
}) })
}, },
play(src, index) { play(src, index) {
@@ -361,7 +369,7 @@ export default {
}, },
getAiTypeList() { getAiTypeList() {
this.$instance.post(`/app/appaiconfiginfo/list?status=1`).then(res => { this.$instance.post(`/app/appaiconfiginfo/list?status=1`).then(res => {
if(res.code == 0) { if(res?.code == 0) {
res.data.records.map((item) => { res.data.records.map((item) => {
item.dictName = item.appName item.dictName = item.appName
item.dictValue = item.id item.dictValue = item.id
@@ -375,6 +383,8 @@ export default {
this.latLng = '' this.latLng = ''
} }
// this.getHistoryList() // this.getHistoryList()
}else{
this.$store.commit('logout', true)
} }
}) })
}, },
@@ -431,10 +441,10 @@ page {
position: fixed; position: fixed;
left: 0; left: 0;
z-index: 9; z-index: 9;
background-image: url('https://cdn.sinoecare.com/i/2024/07/15/6694f173557c9.png'); background-image: url('https://cdn.sinoecare.com/i/2024/08/22/66c6b37f1c07d.jpg');
background-size: 100vw; background-size: 100% 100%;
background-repeat: no-repeat; background-repeat: no-repeat;
padding-left: 28px; padding: 16px 0 16px 28px;
box-sizing: border-box; box-sizing: border-box;
p { p {
font-family: PingFangSC-Regular; font-family: PingFangSC-Regular;
@@ -448,60 +458,69 @@ page {
} }
.top-select { .top-select {
display: inline-block; display: inline-block;
line-height: 64px; // line-height: 64px;
background: #026AF2; // background: #026AF2;
border-radius: 32px; // border-radius: 32px;
text-align: center; // text-align: center;
padding: 0 24px; // padding: 0 24px;
font-family: PingFangSC-Medium; // font-family: PingFangSC-Medium;
font-weight: 500; // font-weight: 500;
// font-size: 28px;
// color: #FFF;
line-height: 66px;
height: 68px;
background: #fff;
border: 1px solid #528CFF;
border-radius: 34px;
font-family: PingFangSC-Regular;
font-weight: 400;
font-size: 28px; font-size: 28px;
color: #FFF; color: #0052F5;
padding: 0 24px;
box-sizing: border-box;
u-icon { u-icon {
margin-left: 8px; margin-left: 4px;
} }
} }
.service-content { .service-content {
width: 100%; width: 100%;
height: 420px; 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");
background-size: 100vw; background-size: 100% 100%;
background-repeat: no-repeat; background-repeat: no-repeat;
padding-top: 138px; margin-top: 100px;
box-sizing: border-box; box-sizing: border-box;
padding-top: 12px;
.text-content { .text-content {
margin: 0 0 0 32px; margin: 0 0 0 32px;
width: 686px; width: 686px;
height: 260px; height: 260px;
background-image: url("https://cdn.cunwuyun.cn/wechat/biaopin/residentAssistant/service-content-bg.png"); background-image: url("https://cdn.sinoecare.com/i/2024/08/22/66c69f4ea77c5.png");
background-size: 100vw; background-size: 100% 100%;;
background-repeat: no-repeat; background-repeat: no-repeat;
padding: 32px; padding: 32px;
box-sizing: border-box; box-sizing: border-box;
border-radius: 32px;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
.text-left { .text-left {
width: calc(100% - 192px); width: calc(100% - 192px);
div { div {
line-height: 54px; line-height: 56px;
font-family: SourceHanSansCN-Bold; font-family: PingFangSC-SNaNpxibold;
font-weight: 700; font-weight: 600;
font-size: 36px; font-size: 40px;
// background: linear-gradient(to bottom, #2A6EE9, #58A5F7); background-image: linear-gradient(to right, #F57A00, #FFAA00);
// -webkit-background-clip: text; background-clip: text;
// -webkit-text-fill-color: transparent; -webkit-background-clip: text;
margin-bottom: 16px; -webkit-text-fill-color: transparent;
margin-bottom: 12px;
} }
p { p {
color: #222; height: 44px;
font-family: PingFangSC-Regular;
font-weight: 400;
font-size: 28px; font-size: 28px;
font-family: SourceHanSansCN; color: #222;
line-height: 44px;
span {
display: inline-block;
font-weight: 700;
}
} }
} }
.service-img { .service-img {
@@ -514,13 +533,13 @@ page {
} }
.list-bg { .list-bg {
width: 100%; width: 100%;
height: 420px; height: 320px;
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; position: fixed;
left: 0; left: 0;
z-index: 1; background-size: 100% 100%;
background-size: 100vw;
background-repeat: no-repeat; background-repeat: no-repeat;
margin-top: 100px;
} }
.list-content { .list-content {
width: 100%; width: 100%;
@@ -767,5 +786,13 @@ page {
} }
} }
.bg-center {
position: fixed;
top: 50%;
left: 50%;
width: 306px;
height: 364px;
margin: -182px 0 0 -153px;
}
} }
</style> </style>

BIN
src/project/baiduAI/AppDialogue/dialogue.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.8 KiB

After

Width:  |  Height:  |  Size: 1.5 KiB

BIN
src/project/baiduAI/AppDialogue/dialogue_selected.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.0 KiB

After

Width:  |  Height:  |  Size: 1.6 KiB

49
src/project/baiduAI/AppMy/AppMy.vue
View File

@@ -1,8 +1,7 @@
<template> <template>
<div class="AppMy"> <div class="AppMy">
<u-navbar title-color="#000" title-width="300" title-size="32" :title-bold="true" :background="backgroundNavbar" :is-back="false"></u-navbar> <u-navbar title-color="#000" title-width="300" title-size="32" :title-bold="true" :background="backgroundNavbar" :is-back="false"></u-navbar>
<div class="my-bg"></div> <div class="my-bg">
<div class="my-content">
<div class="user-info"> <div class="user-info">
<div class="user-left"> <div class="user-left">
<img :src="user.avatarUrl" alt="" class="user-img" v-if="user.avatarUrl"> <img :src="user.avatarUrl" alt="" class="user-img" v-if="user.avatarUrl">
@@ -13,6 +12,9 @@
<div>{{user.departmentName || ''}}</div> <div>{{user.departmentName || ''}}</div>
</div> </div>
</div> </div>
</div>
<div class="my-content">
<!-- <div class="app-list"> <!-- <div class="app-list">
<div class="item"> <div class="item">
<div class="item-left"> <div class="item-left">
@@ -51,7 +53,7 @@
data() { data() {
return { return {
backgroundNavbar: { backgroundNavbar: {
background: 'url(https://cdn.sinoecare.com/i/2024/08/06/66b1c9696650b.png) no-repeat', background: 'url(https://cdn.sinoecare.com/i/2024/08/22/66c6b43796377.jpg) no-repeat',
backgroundSize: 'cover', backgroundSize: 'cover',
}, },
} }
@@ -98,12 +100,43 @@
.my-bg { .my-bg {
width: 100%; width: 100%;
height: 420px; 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/66c6d43eac5c0.png");
position: fixed; // position: fixed;
left: 0; // left: 0;
z-index: 1; // z-index: 1;
background-size: 100vw; background-size: 100% 100%;
background-repeat: no-repeat; background-repeat: no-repeat;
.user-info {
display: flex;
padding: 76px 0 56px 48px;
.user-left {
.user-img {
display: inline-block;
width: 96px;
height: 96px;
border: 4px solid #FFF;
border-radius: 50%;
margin-right: 26px;
}
}
.user-right {
padding-top: 4px;
p {
height: 48px;
font-family: PingFangSC-SNaNpxibold;
font-weight: 600;
font-size: 34px;
color: #333;
margin-bottom: 4px;
}
div {
height: 36px;
font-family: PingFangSC-Regular;
font-size: 26px;
color: #8A929F;
}
}
}
} }
.my-content { .my-content {
.user-info { .user-info {

BIN
src/project/baiduAI/AppMy/my.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.1 KiB

After

Width:  |  Height:  |  Size: 2.6 KiB

BIN
src/project/baiduAI/AppMy/my_selected.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.0 KiB

After

Width:  |  Height:  |  Size: 2.4 KiB

57
src/project/baiduAI/AppRecord/AppRecord.vue
View File

@@ -2,12 +2,12 @@
<div class="AppRecord"> <div class="AppRecord">
<u-navbar title="Copilot小助理" title-color="#000" title-width="300" title-size="32" :title-bold="true" <u-navbar title="Copilot小助理" title-color="#000" title-width="300" title-size="32" :title-bold="true"
:background="backgroundNavbar" :is-back="false" :is-fixed="true" height="44"></u-navbar> :background="backgroundNavbar" :is-back="false" :is-fixed="true" height="44"></u-navbar>
<div class="list-bg"></div>
<div class="search-content"> <div class="search-content">
<u-search v-model="searchVal" :clearabled="true" placeholder="请输入搜索关键词…" :show-action="false" <u-search v-model="searchVal" :clearabled="true" placeholder="请输入搜索关键词…" :show-action="false"
bg-color="#fff" search-icon-color="#E2E8F1" color="#666" height="72" @search="getSearchList" @clear="handerClear"> bg-color="#fff" search-icon-color="#E2E8F1" color="#666" height="68" @search="getSearchList" @clear="handerClear">
</u-search> </u-search>
</div> </div>
<div class="list-bg"></div>
<div class="list-content" :style="{'top': `${statusBarHeight+118}px`}"> <div class="list-content" :style="{'top': `${statusBarHeight+118}px`}">
<div class="item" v-for="(item, index) in messageList" :key="index"> <div class="item" v-for="(item, index) in messageList" :key="index">
<p class="item-text">{{item.content}}</p> <p class="item-text">{{item.content}}</p>
@@ -23,6 +23,7 @@
</div> </div>
<AiEmpty v-if="!messageList.length"/> <AiEmpty v-if="!messageList.length"/>
</div> </div>
<img src="https://cdn.sinoecare.com/i/2024/08/22/66c69f4d33eb1.png" alt="" class="bg-center">
</div> </div>
</template> </template>
@@ -38,7 +39,7 @@ export default {
data() { data() {
return { return {
backgroundNavbar: { backgroundNavbar: {
background: 'url(https://cdn.sinoecare.com/i/2024/08/06/66b1c9696650b.png) no-repeat', background: 'url(https://cdn.sinoecare.com/i/2024/08/22/66c6b43796377.jpg) no-repeat',
backgroundSize: 'cover', backgroundSize: 'cover',
}, },
searchVal: '', searchVal: '',
@@ -58,6 +59,7 @@ export default {
...mapState(['user', 'token']), ...mapState(['user', 'token']),
}, },
onShow() { onShow() {
this.current == 1
this.getHistoryList() this.getHistoryList()
}, },
methods: { methods: {
@@ -66,29 +68,20 @@ export default {
if(!this.token) { if(!this.token) {
return this.$u.toast("请先进行登录") return this.$u.toast("请先进行登录")
} }
if(this.current > this.pages) return
this.$loading() this.$loading()
this.$instance.post(`/app/appaicopilotinfo/listHistory?current=${this.current}&size=10&content=${this.searchVal}`).then(res => { this.$instance.post(`/app/appaicopilotinfo/listHistory?current=${this.current}&size=10&content=${this.searchVal}`).then(res => {
if(res.code == 0 && res.data.records.length) { if(res?.code == 0) {
res.data.records.map((item) => { res.data.records.map((item) => {
if(item.sdkFileUrl) { if(item.sdkFileUrl) {
item.isPlay = false item.isPlay = false
} }
}) })
this.messageList = this.current == 1 ? res.data.records : [...this.messageList, ...res.data.records] this.messageList = this.current == 1 ? res.data.records : [...this.messageList, ...res.data.records]
var idPage = res.data.records.length-1
this.$nextTick(() => {
uni.pageScrollTo({
duration: 300,
selector: this.current == 1 ? `.item${this.messageList.length-1}` : `.item${idPage}`
});
})
this.pages = res.data.pages this.pages = res.data.pages
this.$hideLoading() this.$hideLoading()
}else { }else {
if(this.current == 1) { this.$store.commit('logout', true)
this.messageList = []
}
} }
}) })
}, },
@@ -136,27 +129,27 @@ page {
height: 100vh; height: 100vh;
// background-color: #fff; // background-color: #fff;
position: relative; position: relative;
.list-bg {
width: 100%;
height: 420px;
background-image: url("https://cdn.cunwuyun.cn/wechat/biaopin/residentAssistant/content-top-bg.png");
background-size: 100vw;
background-repeat: no-repeat;
position: fixed;
left: 0;
}
.search-content { .search-content {
padding: 32px; padding: 32px 32px 0 32px;
width: 100%; width: 100%;
// background: linear-gradient(to bottom, #D7EDFE, #EAF5FE); background-image: url("https://cdn.sinoecare.com/i/2024/08/22/66c6b37f1c07d.jpg");
background-image: url("https://cdn.sinoecare.com/i/2024/07/15/6694f173557c9.png"); background-size: 100% 100%;
background-size: 100vw;
background-repeat: no-repeat; background-repeat: no-repeat;
box-sizing: border-box; box-sizing: border-box;
position: fixed; position: fixed;
left: 0; left: 0;
z-index: 99; z-index: 99;
} }
.list-bg {
width: 100%;
height: 320px;
background-image: url("https://cdn.sinoecare.com/i/2024/08/22/66c6b4384635e.jpg");
position: fixed;
left: 0;
background-size: 100% 100%;
background-repeat: no-repeat;
margin-top: 100px;
}
.list-content { .list-content {
width: 100%; width: 100%;
box-sizing: border-box; box-sizing: border-box;
@@ -215,5 +208,13 @@ page {
} }
} }
} }
.bg-center {
position: fixed;
top: 50%;
left: 50%;
width: 306px;
height: 364px;
margin: -182px 0 0 -153px;
}
} }
</style> </style>

63
src/project/baiduAI/AppRecord/Detail.vue
View File

@@ -1,13 +1,13 @@
<template> <template>
<div class="Detail"> <div class="Detail">
<u-navbar title="Copilot小助理" title-color="#000" title-width="300" title-size="32" :title-bold="true" :background="backgroundNavbar" :height="44"></u-navbar> <u-navbar title="Copilot小助理" title-color="#000" title-width="300" title-size="32" :title-bold="true" :background="backgroundNavbar" :height="44"></u-navbar>
<div class="list-bg"> <div class="search-content">
<div class="search-content"> <p>已切换至{{messageList[0].aiConfigName}}</p>
<u-search v-model="searchVal" :clearabled="true" placeholder="请输入搜索关键词…" :show-action="false" <u-search v-model="searchVal" :clearabled="true" placeholder="请输入搜索关键词…" :show-action="false"
bg-color="#fff" search-icon-color="#E2E8F1" color="#666" height="72" @search="getSearchList" @clear="handerClear"> bg-color="#fff" search-icon-color="#E2E8F1" color="#666" height="72" @search="getSearchList" @clear="handerClear">
</u-search> </u-search>
</div>
</div> </div>
<div class="list-bg"></div>
<div class="list-content"> <div class="list-content">
<div v-for="(item, index) in messageList" :key="index"> <div v-for="(item, index) in messageList" :key="index">
<div class="send-time">{{item.createTime.substring(5, 16)}}</div> <div class="send-time">{{item.createTime.substring(5, 16)}}</div>
@@ -28,6 +28,7 @@
</div> </div>
<AiEmpty v-if="!messageList.length"/> <AiEmpty v-if="!messageList.length"/>
</div> </div>
<img src="https://cdn.sinoecare.com/i/2024/08/22/66c69f4d33eb1.png" alt="" class="bg-center">
</div> </div>
</template> </template>
@@ -36,12 +37,11 @@
import {mapActions, mapState} from "vuex"; import {mapActions, mapState} from "vuex";
export default { export default {
customNavigation: true, customNavigation: true,
enablePullDownRefresh: true,
name: 'Detail', name: 'Detail',
data() { data() {
return { return {
backgroundNavbar: { backgroundNavbar: {
background: 'url(https://cdn.sinoecare.com/i/2024/08/06/66b1c9696650b.png) no-repeat', background: 'url(https://cdn.sinoecare.com/i/2024/08/22/66c6b43796377.jpg) no-repeat',
backgroundSize: 'cover', backgroundSize: 'cover',
}, },
searchVal: '', searchVal: '',
@@ -161,25 +161,38 @@ page {
height: 100vh; height: 100vh;
background-color: #fff; background-color: #fff;
position: relative; position: relative;
.list-bg {
.search-content {
padding: 28px 32px;
width: 100%; width: 100%;
height: 420px; box-sizing: border-box;
background-image: url("https://cdn.cunwuyun.cn/wechat/biaopin/residentAssistant/content-top-bg.png");
position: fixed; position: fixed;
left: 0; left: 0;
z-index: 1; z-index: 9;
background-size: 100vw; background-image: url("https://cdn.sinoecare.com/i/2024/08/22/66c6d690aa312.jpg");
background-size: 100% 100%;
background-repeat: no-repeat; background-repeat: no-repeat;
.search-content { p {
padding: 32px; line-height: 34px;
width: 100%; font-family: PingFangSC-Regular;
box-sizing: border-box; font-weight: 400;
position: fixed; font-size: 24px;
left: 0; color: #999;
z-index: 99; text-align: center;
background: linear-gradient(to bottom, #D7EDFE, #EAF5FE); padding-bottom: 28px;
} }
} }
.list-bg {
width: 100%;
height: 230px;
position: fixed;
left: 0;
margin-top: 190px;
background-image: url("https://cdn.sinoecare.com/i/2024/08/22/66c6d69041e25.jpg");
background-size: 100% 100%;
background-repeat: no-repeat;
}
.list-content { .list-content {
width: 100%; width: 100%;
box-sizing: border-box; box-sizing: border-box;
@@ -261,5 +274,13 @@ page {
} }
} }
} }
.bg-center {
position: fixed;
top: 50%;
left: 50%;
width: 306px;
height: 364px;
margin: -182px 0 0 -153px;
}
} }
</style> </style>

BIN
src/project/baiduAI/AppRecord/record.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 795 B

After

Width:  |  Height:  |  Size: 808 B

BIN
src/project/baiduAI/AppRecord/record_selected.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 806 B

After

Width:  |  Height:  |  Size: 1014 B