style(): 优化问卷详情显示效果

- 搜索背景色修改， 与其他界面效果显示统一

src/views/Survey/views/Analysis/Index.vue

@@ -31,13 +31,14 @@ const { questionAnalysis } = useFetchAnalysis(sn.value);
 </script>
 
 <template>
-  <search-bar
-    placeholder="请输入关键词"
-    v-if="!disableSearch"
-    :value="''"
-    style="margin: 15px 10px 5px 10px"
-    @click="() => $router.push({ name: 'search' })"
-  />
+  <div class="search">
+    <search-bar
+      placeholder="请输入关键词"
+      v-if="!disableSearch"
+      :value="''"
+      @click="() => $router.push({ name: 'search' })"
+    />
+  </div>
   <section v-if="currentSurvey" class="survey-container">
     <!--  问卷详情部分  -->
     <van-cell class="survey-item">
@@ -74,7 +75,7 @@ const { questionAnalysis } = useFetchAnalysis(sn.value);
     </van-cell>
 
     <!--  图表分析部分   -->
-    <van-cell class="analysis">
+    <van-cell class="analysis" v-if="questionAnalysis.length">
       <template #extra>
         <analysis-info :sn="sn" :questionAnalysis="questionAnalysis" />
       </template>
@@ -85,6 +86,15 @@ const { questionAnalysis } = useFetchAnalysis(sn.value);
 <style lang="scss" scoped>
 @use '@/assets/css/theme';
 
+.search {
+  @extend %search-gradient;
+  padding: theme.$gap;
+  position: sticky;
+  top: 0;
+  z-index: 1000;
+  background-color: theme.$nav-header-color;
+}
+
 .survey-container {
   padding: theme.$gap;
   // width: 100%;