Przeglądaj źródła

feat: 完善样式

zhangyuhan 5 miesięcy temu
rodzic
commit
5e0ec775b9
1 zmienionych plików z 17 dodań i 5 usunięć
  1. 17 5
      apps/mobile/src/views/ai-search/index.vue

+ 17 - 5
apps/mobile/src/views/ai-search/index.vue

@@ -534,7 +534,10 @@ function doSelectQuestionType(item) {
     return
     return
   }
   }
   if (item.disabled) {
   if (item.disabled) {
-    that.$toast(item.toast)
+    that.$toast({
+      message: item.toast,
+      className: 'one-toast'
+    })
   }
   }
   else {
   else {
     promptModel.value.type = item.key
     promptModel.value.type = item.key
@@ -899,7 +902,7 @@ init()
       <div v-if="needBindPhone || needLogin" class="bind-phone-popup" @click="checkBindPhone" />
       <div v-if="needBindPhone || needLogin" class="bind-phone-popup" @click="checkBindPhone" />
       <div v-if="askModel.list.length === 0" class="ai-search--empty">
       <div v-if="askModel.list.length === 0" class="ai-search--empty">
         <AppEmpty state="ai-logo">
         <AppEmpty state="ai-logo">
-          你想看看啥子?快告诉我吧~
+          我是剑鱼标讯AI助手想找什么,请开始问我吧!
         </AppEmpty>
         </AppEmpty>
       </div>
       </div>
 
 
@@ -1308,12 +1311,16 @@ init()
   </div>
   </div>
 </template>
 </template>
 
 
+<style>
+.one-toast {
+  white-space: nowrap;
+}
+</style>
 <style lang="scss" scoped>
 <style lang="scss" scoped>
 .ai-search-- {
 .ai-search-- {
   //
   //
   &page {
   &page {
-    ::v-deep {
-    }
+    ::v-deep {}
 
 
     .bind-phone-popup {
     .bind-phone-popup {
       width: 100%;
       width: 100%;
@@ -1418,10 +1425,12 @@ init()
       background: rgba(245, 246, 247, 1);
       background: rgba(245, 246, 247, 1);
       border-radius: 16px;
       border-radius: 16px;
       padding: 12px 6px;
       padding: 12px 6px;
+      margin-top: 12px;
+
 
 
       .cell-list-tip {
       .cell-list-tip {
         color: #5f5e64;
         color: #5f5e64;
-        font-size: 12px;
+        font-size: 14px;
         line-height: 24px;
         line-height: 24px;
         margin-bottom: 8px;
         margin-bottom: 8px;
         margin-left: 10px;
         margin-left: 10px;
@@ -1473,9 +1482,12 @@ init()
   }
   }
   &header {
   &header {
     background-color: #fff;
     background-color: #fff;
+    padding-top: 6px;
+    padding-bottom: 6px;
 
 
     &.app-header-fill {
     &.app-header-fill {
       padding-top: $app-header-padding-top;
       padding-top: $app-header-padding-top;
+      padding-bottom: unset;
     }
     }
 
 
     &--left {
     &--left {