wujingling0908 4 days ago
commit 170743771b
  1. 4
      src/assets/style/chat.css
  2. 7
      src/components/abstract.vue
  3. 31
      src/components/chat-new.vue
  4. 2
      src/components/footer-bar-btn.vue
  5. 2
      src/components/footer-bar-input.vue

@ -175,6 +175,10 @@ img.avatarUrl-img[lazy="loading"] {
padding: 11rem 14rem 11rem 14rem; padding: 11rem 14rem 11rem 14rem;
box-sizing: border-box; box-sizing: border-box;
width: 100%; width: 100%;
background: linear-gradient(359deg, #ffffffb3 1%, #f7f8ff 98%);
border-image: linear-gradient(180deg, #ffffff 3%, #ffffff 97%) 1;
backdrop-filter: blur(10px);
border-radius: 12rem !important;
/* width: -moz-fit-content; /* width: -moz-fit-content;
width: -webkit-fit-content; */ width: -webkit-fit-content; */
} }

@ -277,7 +277,7 @@ onActivated(async () => {
font-weight: bold; font-weight: bold;
line-height: 24rem; line-height: 24rem;
letter-spacing: 0rem; letter-spacing: 0rem;
padding-top: 8rem;
font-variation-settings: 'opsz' auto; font-variation-settings: 'opsz' auto;
color: #17204d; color: #17204d;
@ -319,10 +319,11 @@ onActivated(async () => {
font-family: PingFang SC; font-family: PingFang SC;
font-size: 14rem; font-size: 14rem;
font-weight: 500; font-weight: 500;
line-height: 19rem; // line-height: 19rem;
text-align: center; text-align: center;
letter-spacing: 0rem; letter-spacing: 0rem;
display: flex;
align-items: center;
color: #ffffff; color: #ffffff;
padding: 4rem 12rem; padding: 4rem 12rem;
height: 28rem; height: 28rem;

@ -677,13 +677,8 @@ watch(
<div class="main-container" ref="mainContainerRef" @scroll.passive="onMainScroll"> <div class="main-container" ref="mainContainerRef" @scroll.passive="onMainScroll">
<div class="empty-tips opacity" v-if="nolist">{{ nolistTxt }}</div> <div class="empty-tips opacity" v-if="nolist">{{ nolistTxt }}</div>
<div class="historicRecords" v-if="historylist.length > 0"> <div class="historicRecords" v-if="historylist.length > 0">
<chatContent <chatContent :historylist="historylist" :isHistory="true" :isWX="isWX" :tokenExist="tokenExist"
:historylist="historylist" :lostChatInfoNum="lostChatInfoNum" />
:isHistory="true"
:isWX="isWX"
:tokenExist="tokenExist"
:lostChatInfoNum="lostChatInfoNum"
/>
</div> </div>
<div class="this-news-box opacity" v-if="historylist.length > 0"> <div class="this-news-box opacity" v-if="historylist.length > 0">
<div class="this-news-tips">以下是本次消息</div> <div class="this-news-tips">以下是本次消息</div>
@ -693,32 +688,26 @@ watch(
<abstract @ready="onIntroReady" @businessClick="businessClick" /> <abstract @ready="onIntroReady" @businessClick="businessClick" />
<hotQuestionNew @ready="onIntroReady" /> <hotQuestionNew @ready="onIntroReady" />
</template> </template>
<chatContent <chatContent :historylist="chatArr" :isWX="isWX" :tokenExist="tokenExist" :lostChatInfoNum="lostChatInfoNum"
:historylist="chatArr" @handleAppraise="appraiseIsClose" />
:isWX="isWX"
:tokenExist="tokenExist"
:lostChatInfoNum="lostChatInfoNum"
@handleAppraise="appraiseIsClose"
/>
</div> </div>
<div class="chat-footer"> <div class="chat-footer">
<footer-bar v-if="tokenExist" :tokenExist="tokenExist" /> <footer-bar v-if="tokenExist" :tokenExist="tokenExist" />
</div> </div>
<bussinessHandle :businessHandleInfo="store.businessHandleInfo" ref="businessHandleRef" /> <bussinessHandle :businessHandleInfo="store.businessHandleInfo" ref="businessHandleRef" />
<van-overlay :show="appraiseShow" z-index="10" class-name="appraise-popup-box" duration="0.2"> <van-overlay :show="appraiseShow" z-index="10" class-name="appraise-popup-box" duration="0.2">
<appraise-popup <appraise-popup v-if="appraiseShow" @handleAppraiseClose="appraiseIsClose"
v-if="appraiseShow" :baseHandle="baseHandle"></appraise-popup>
@handleAppraiseClose="appraiseIsClose"
:baseHandle="baseHandle"
></appraise-popup>
</van-overlay> </van-overlay>
</div> </div>
</template> </template>
<style lang="scss" scoped> <style lang="scss" scoped>
@import '@/assets/style/common.css'; @import '@/assets/style/common.css';
.van-overlay.appraise-popup-box { .van-overlay.appraise-popup-box {
background: rgba(0, 0, 0, 0.5) !important; background: rgba(0, 0, 0, 0.5) !important;
} }
.empty-tips { .empty-tips {
font-family: PingFangSC-Regular; font-family: PingFangSC-Regular;
font-size: 11rem; font-size: 11rem;
@ -727,6 +716,7 @@ watch(
text-align: center; text-align: center;
padding: 0 0 15rem 0; padding: 0 0 15rem 0;
} }
.chat-new { .chat-new {
width: 100vw; width: 100vw;
height: 100vh; height: 100vh;
@ -744,6 +734,8 @@ watch(
flex-shrink: 0; flex-shrink: 0;
margin: 12rem -12rem -12rem; margin: 12rem -12rem -12rem;
background: #ffffff; background: #ffffff;
background: linear-gradient(180deg, #eaf0ff00 0%, #eaf0ff 18%, #eaf0ff 100%);
// padding: 16px 0px 0px 0px;
} }
.main-container { .main-container {
@ -876,6 +868,7 @@ watch(
} }
@keyframes typing-blink { @keyframes typing-blink {
0%, 0%,
80%, 80%,
100% { 100% {

@ -110,7 +110,7 @@ onMounted(() => {
<style scoped> <style scoped>
.qipaomain { .qipaomain {
background-color: #ebf1ff; /* background-color: #ebf1ff; */
overflow-x: auto; overflow-x: auto;
display: flex; display: flex;
padding: 0 16rem; padding: 0 16rem;

@ -867,7 +867,7 @@ watch(sendMessage, (newValue, oldValue) => {
background: transparent; background: transparent;
border-radius: 2rem; border-radius: 2rem;
font-family: SourceHanSansCN-Normal; font-family: SourceHanSansCN-Normal;
font-size: 12rem; font-size: 16rem;
color: #333; color: #333;
letter-spacing: 0; letter-spacing: 0;
text-align: justify; text-align: justify;

Loading…
Cancel
Save