feat: 新增问卷列表页面及相关组件和样式文件

src/views/Survey/Index.vue

@@ -1,13 +1,14 @@
 <template>
   <div class="survey-search">
-    <van-search
+    <!-- <van-search
       v-model="searchValue"
       placeholder="请输入关键词"
       class="theme-background"
       :border="false"
-      background="#71b73c"
+      background="#fff"
       @search="blurs"
-    ></van-search>
+    ></van-search> -->
+    <nav-search v-model:value="searchValue" @search="blurs" />
   </div>
   <div class="new-survey-container">
     <div style="margin-bottom: 80px">
@@ -17,7 +18,7 @@
         finished-text="没有更多了"
         @load="onLoad"
       >
-        <div v-if="survey.length> 0" v-for="item in survey" :key="item" class="new-survey_item">
+        <div v-for="item in survey" v-if="survey.length > 0" :key="item" class="new-survey_item">
           <survey-item :survey="item" />
         </div>
         <empty-container v-else />
@@ -25,17 +26,22 @@
     </div>
     <NewSurvey v-if="survey.length > 0" />
   </div>
-
 </template>
 
 <script setup>
 import { onMounted } from 'vue';
-
+import NavSearch from '@/components/Search/Index.vue';
 import NewSurvey from '@/views/Home/components/NewSurvey/index.vue';
 import EmptyContainer from '@/views/Survey/components/EmptyContainer.vue';
 import SurveyItem from '@/views/Survey/components/SurveyItem.vue';
-import { form, fetchSurveys, loading, finished, survey, searchValue } from '@/views/Survey/hooks/useSurveyData';
-
+import {
+  form,
+  fetchSurveys,
+  loading,
+  finished,
+  survey,
+  searchValue
+} from '@/views/Survey/hooks/useSurveyData';
 
 const blurs = () => {
   form.value.page = 1;
@@ -57,8 +63,9 @@ onMounted(() => {
 </script>
 
 <style scoped lang="scss">
-@import "@/assets/css/base";
-@import "@/assets/css/main";
+@use '@/assets/css/theme';
+@import '@/assets/css/base';
+@import '@/assets/css/main';
 
 .el-dropdown-menu__item:not(.is-disabled):focus,
 .el-dropdown-menu__item:not(.is-disabled):hover {
@@ -71,7 +78,7 @@ onMounted(() => {
   z-index: 1000;
   width: 100%;
   padding: 0;
-  background-color: $theme-color;
+  background-color: theme.$nav-header-color;
 }
 
 .new-survey-container {