add

src/components/AutomaticPrompt.vue

@@ -266,7 +266,7 @@ defineExpose({
 .chat-bar {
   display: flex;
   align-items: center;
-  margin-bottom: 8px;
+  margin-bottom: 20px;
   justify-content: space-between;
 }
 .el-autocomplete {

src/views/HomeView.vue

@@ -182,7 +182,7 @@
                   </div>
                   <div class="design-requirements">
                     <div>{{ message.content.flieName }}</div>
-                    <div class="img" @click="downLoad(message)" >
+                    <div class="img" @click="downLoad(message)">
                       <img :src="require('../assets/icon_download.png')" />
                     </div>
                   </div>
@@ -222,7 +222,7 @@
           class="shirnk-aside"
           v-shrink="{ isShrink, width: '0px' }"
           :style="{
-            height: 'calc( 100vh - 60px )',
+            height: 'calc( 100vh - 50px )',
           }"
         >
           <div class="shrink-text" @click="changeiShrink">
@@ -231,6 +231,7 @@
               <DArrowRight v-if="!isShrink" />
             </el-icon>
           </div>
+          <div class="shrink-box">
             <div v-if="pageType == 1" style="width: 292px;">
               <div class="recentlyViewd" v-if="pageType == 2">
                 Browsing history
@@ -287,7 +288,10 @@
                       <el-option label="Tel" value="3" />
                     </el-select>
                   </el-form-item>
-                <el-form-item prop="purchaseQuantity" label="Purchase Quantity">
+                  <el-form-item
+                    prop="purchaseQuantity"
+                    label="Purchase Quantity"
+                  >
                     <el-input
                       style="max-width: 600px; height: 36px;"
                       placeholder="Please enter"
@@ -373,6 +377,7 @@
                 </el-form>
               </div>
             </div>
+          </div>
         </el-aside>
       </el-container>
     </el-container>
@@ -405,7 +410,7 @@ const ruleForm = ref({
   China: '',
   price: 5000,
   flieName: '',
-  flieSize:0,
+  flieSize: 0,
   flieUrl: '',
   otherRequirements:
     'Other requirements explanation Other requirements explanation Other requirements explanation Other requirements explanation Other requirements explanation',
@@ -451,7 +456,7 @@ function fileImgChange() {
       ruleForm.value.flieUrl = result
       ruleForm.value.flieName = oFile.name
       ruleForm.value.flieSize = oFile.size
-      console.log(ruleForm,'ruleForm')
+      console.log(ruleForm, 'ruleForm')
     }
   })
   const loading: any = ElLoading?.service({
@@ -739,9 +744,7 @@ const toSendLink = (e: any) => {
 <style lang="scss" scoped>
 .shirnk-aside {
   position: relative;
-  overflow-y: scroll;
-  overflow: inherit;
-
+  overflow: initial;
   .shrink-text {
     position: absolute;
     top: 50%;
@@ -756,6 +759,10 @@ const toSendLink = (e: any) => {
     left: -12px;
     font-size: 10px;
   }
+  .shrink-box {
+    overflow-y: scroll;
+    height: 100%;
+  }
 }
 .inquiry-list {
   display: flex;
@@ -820,6 +827,7 @@ const toSendLink = (e: any) => {
     .img {
       width: 20px;
       height: 20px;
+      line-height: 20px;
       img {
         width: 100%;
         height: 100%;
@@ -907,7 +915,7 @@ const toSendLink = (e: any) => {
   color: #0c203d;
   text-overflow: ellipsis;
   font-family: 'Helvetica Neue';
-  font-size: 14px;
+  font-size: 13px;
   font-style: normal;
   font-weight: 400;
   line-height: 20px;
@@ -1473,11 +1481,12 @@ const toSendLink = (e: any) => {
   }
   .title {
     display: flex;
-    padding: 8px;
+    // padding: 8px;
     justify-content: center;
     align-items: center;
     border-radius: 4px;
-    background: #f8f8fa;
+    line-height: 20px;
+    // background: #f8f8fa;
     font-size: 12px;
     font-family: 'PingFang SC';
     font-weight: 400;
@@ -1700,4 +1709,10 @@ input {
   padding-bottom: 8px;
   border-bottom: 1px solid #e6e8ed;
 }
+
+.footerSubmit {
+  font-size: 16px !important;
+  color: #fff;
+  background: #000;
+}
 </style>