样式优化

src/assets/style/common.css

@@ -153,54 +153,6 @@ body .van-image-preview__image img{
     width: 70%;
 } */
 
-/*1rem线*/
-
-._line-fine:not(:first-child)::before {
-    content: "";
-    position: absolute;
-    width: 200%;
-    left: 0;
-    top: 0;
-    transform: scale(0.5);
-    transform-origin: 0 0;
-    -webkit-transform: scale(0.5);
-    -webkit-transform-origin: 0 0;
-    background-color: #b7b7b7;
-    height: 1rem;
-    z-index: 2;
-}
-
-._line-fine-btn::before {
-    width: 200%;
-    height: 200%;
-    position: absolute;
-    top: 0;
-    left: 0;
-    right: 0;
-    bottom: 0;
-    z-index: 0;
-    content: "";
-    -webkit-transform: scale(0.5);
-    -webkit-transform-origin: 0 0;
-    transform: scale(0.5);
-    transform-origin: 0 0;
-    border: 1rem solid #8ec2ff;
-    border-radius: 82rem;
-}
-
-.before-top::before {
-    content: " ";
-    position: absolute;
-    left: 0;
-    top: 0;
-    width: 100%;
-    height: 1rem;
-    border-top: 1rem solid #ddd;
-    -webkit-transform-origin: 0 0;
-    transform-origin: 0 0;
-    -webkit-transform: scaleY(0.5);
-    transform: scaleY(0.5);
-}
 
 .before-bottom::before {
     content: " ";

src/components/chat-new.vue

@@ -349,10 +349,8 @@ watch(
     </div>
   </div>
 </template>
-<style>
-@import '@/assets/style/common.css';
-</style>
 <style lang="scss" scoped>
+@import '@/assets/style/common.css';
 .chat-new {
   width: 100vw;
   height: 100vh;
@@ -375,7 +373,8 @@ watch(
 
   .main-container {
     flex: 1;
-    overflow: auto;
+    overflow-y: auto;
+    overflow-x: hidden;
 
     .history-loading {
       display: flex;

src/components/footer-bar-btn.vue

@@ -112,12 +112,12 @@ onMounted(() => {
   background-color: #ebf1ff;
   overflow-x: auto;
   display: flex;
-  padding: 0 9.5rem;
+  padding: 0 16rem;
+  gap: 8rem;
 }
 
 .footer-bar-btn {
   height: auto;
-  min-height: 33rem;
   line-height: 3rem;
   overflow-x: scroll;
   overflow-y: hidden;
@@ -140,7 +140,6 @@ onMounted(() => {
   letter-spacing: 0;
   text-align: justify;
   padding: 6.5rem 10rem;
-  margin: 0 5.5rem;
   background: linear-gradient(140deg, #dcfcff 6%, #ffffffbf 18%, #ffffff 56%);
   position: relative;
   border-radius: 82rem;

src/components/welcomes.vue

@@ -61,7 +61,7 @@ onMounted(() => {
 
   img {
     position: absolute;
-    right: 0;
+    right: -16rem;
     top: -3rem;
     width: 180rem;
   }