From 1bfe54a4e66b53025add2ccaf2d0751ceacc0880 Mon Sep 17 00:00:00 2001
From: lizijiee <562949697@qq.com>
Date: Fri, 22 Mar 2024 23:34:11 +0800
Subject: [PATCH] =?UTF-8?q?feat:=202532=20=E3=80=90AI=E4=B8=80=E9=94=AE?=
 =?UTF-8?q?=E6=9F=A5=E9=87=8D=E3=80=91=E7=95=8C=E9=9D=A2=E9=83=A8=E5=88=86?=
 =?UTF-8?q?=E5=85=83=E7=B4=A0=E5=8F=8A=E5=AD=97=E6=AE=B5=E5=8A=9F=E8=83=BD?=
 =?UTF-8?q?=E4=B8=8E=E8=AE=BE=E8=AE=A1=E4=B8=8D=E7=AC=A6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/home/aside/comp/AdvanceFilter.vue       |  2 +-
 src/views/home/aside/comp/Upload.vue              | 12 ++++++++++--
 src/views/home/aside/comp/items/PictureUpload.vue |  4 ++++
 src/views/home/aside/comp/items/Time.vue          |  9 ++++++++-
 src/views/home/content/Content.vue                | 13 ++++++++-----
 5 files changed, 31 insertions(+), 9 deletions(-)

diff --git a/src/views/home/aside/comp/AdvanceFilter.vue b/src/views/home/aside/comp/AdvanceFilter.vue
index f9dc8d2..f6b0b62 100644
--- a/src/views/home/aside/comp/AdvanceFilter.vue
+++ b/src/views/home/aside/comp/AdvanceFilter.vue
@@ -226,7 +226,7 @@ const moveEnd = () => {
       >
         <template #trigger>
           <div class="wrapper-left-dropdown" @click="showClick">
-            <span>高级筛选</span>
+            <span style="font-size: 20px;color: #333333;font-weight: Medium;">高级筛选</span>
             <SvgIcon :style="{ marginLeft: '5px' }" name="down" size="14" />
           </div>
         </template>
diff --git a/src/views/home/aside/comp/Upload.vue b/src/views/home/aside/comp/Upload.vue
index bc619ef..8499257 100644
--- a/src/views/home/aside/comp/Upload.vue
+++ b/src/views/home/aside/comp/Upload.vue
@@ -112,8 +112,8 @@ const handleDrop = async (e) => {
 <style lang="less" scoped>
 .wrapper {
   width: 288px;
-  height: 116px;
-  padding: 12px;
+  height: 156px;
+  padding: 32px 16px;
   box-sizing: border-box;
   margin-top: 10px;
   background: rgba(202, 210, 221, 0.10);
@@ -168,5 +168,13 @@ const handleDrop = async (e) => {
       margin: 0px 15px;
     }
   }
+  .wrapper-tip1 {
+    line-height: inherit;
+    margin-top: 7px;
+  }
+  .wrapper-tip2 {
+    line-height: inherit;
+    margin-top: 7px;
+  }
 }
 </style>
diff --git a/src/views/home/aside/comp/items/PictureUpload.vue b/src/views/home/aside/comp/items/PictureUpload.vue
index 510db88..a7796de 100644
--- a/src/views/home/aside/comp/items/PictureUpload.vue
+++ b/src/views/home/aside/comp/items/PictureUpload.vue
@@ -31,8 +31,12 @@ function onChange(value: string) {
 <style lang="less" scoped>
 .wrapper {
   padding: 10px;
+  margin-top: 0;
 }
 ::v-deep(.n-collapse-item-arrow){
   color: #999999 !important;;
 }
+::v-deep(.n-collapse-item__content-inner){
+  padding-top: 0!important;
+}
 </style>
diff --git a/src/views/home/aside/comp/items/Time.vue b/src/views/home/aside/comp/items/Time.vue
index 170e303..051a0f8 100644
--- a/src/views/home/aside/comp/items/Time.vue
+++ b/src/views/home/aside/comp/items/Time.vue
@@ -22,7 +22,11 @@ function onChange(value: [number, number]) {
     <n-collapse :default-expanded-names="['1']" arrow-placement="right">
       <n-collapse-item :title="label" name="1">
         <n-space>
-          <n-date-picker v-model:value="time" type="daterange" clearable @update:value="onChange" />
+          <n-date-picker v-model:value="time" type="daterange" clearable @update:value="onChange" >
+            <template #separator>
+              至
+            </template>
+          </n-date-picker>
         </n-space>
       </n-collapse-item>
     </n-collapse>
@@ -34,6 +38,9 @@ function onChange(value: [number, number]) {
   padding: 10px;
 }
 ::v-deep(.n-collapse-item-arrow){
+  color: #999999 !important;
+}
+::v-deep(.n-input__separator){
   color: #999999 !important;;
 }
 </style>
diff --git a/src/views/home/content/Content.vue b/src/views/home/content/Content.vue
index f32b690..50313e5 100644
--- a/src/views/home/content/Content.vue
+++ b/src/views/home/content/Content.vue
@@ -168,7 +168,7 @@ const gridHeight = computed(() => {
   } else if (viewMode.value === 'horizontalVersion') {
     height = '145px'
   } else if (viewMode.value === 'verticalVersion') {
-    height = '320px'
+    height = '300px'
   } else if (viewMode.value === '3:4') {
     height = '240px'
   }
@@ -337,12 +337,12 @@ function previewHandler(index: number,event: MouseEvent) {
               <SvgIcon class="gap" name="arrow-botton" size="14" />
             </div>
           </n-popselect>
-          <div style="margin-left: 15px;cursor: pointer" @click="sortHandler()">
+          <div style="margin-left: 15px;cursor: pointer;color:#323233" @click="sortHandler()">
             <span>相似度排序</span>
             <SvgIcon style="margin-left: 8px;" name="sort" size="12" />
           </div>
         </div>
-        <span>共{{ totalCount }}项</span>
+        <span style="font-size: 16px;color:#494949">共 <span style="color:#7899fd;font-weight: 500;">{{ totalCount }}</span> 项</span>
       </div>
       <n-spin :show="loading">
         <div ref="el" class="scroll" :style="listStyle">
@@ -473,6 +473,8 @@ function previewHandler(index: number,event: MouseEvent) {
       justify-content: space-between;
       margin-top: 4px;
       position: relative;
+      color: #666666;
+      font-size: 16px;
 
       .left {
         display: flex;
@@ -485,8 +487,8 @@ function previewHandler(index: number,event: MouseEvent) {
       }
 
       .avatar {
-        width: 15px;
-        height: 15px;
+        width: 20px;
+        height: 20px;
         margin-right: 5px;
       }
     }
@@ -496,6 +498,7 @@ function previewHandler(index: number,event: MouseEvent) {
       flex-direction: row;
       align-items: center;
       margin-right: 24px;
+      color:#323233;
 
       .gap {
         margin-left: 5px;