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;
box-sizing: border-box;
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: -webkit-fit-content; */
}

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

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

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

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

Loading…
Cancel
Save