调整ui样式

src/components/chat-new.vue

@@ -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
+        <chatContent :historylist="historylist" :isHistory="true" :isWX="isWX" :tokenExist="tokenExist"
-          :historylist="historylist"
+          :lostChatInfoNum="lostChatInfoNum" />
-          :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
+      <chatContent :historylist="chatArr" :isWX="isWX" :tokenExist="tokenExist" :lostChatInfoNum="lostChatInfoNum"
-        :historylist="chatArr"
+        @handleAppraise="appraiseIsClose" />
-        :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
+      <appraise-popup v-if="appraiseShow" @handleAppraiseClose="appraiseIsClose"
-        v-if="appraiseShow"
+        :baseHandle="baseHandle"></appraise-popup>
-        @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% {

src/components/footer-bar-btn.vue

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

src/components/footer-bar-input.vue

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