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

- 搜索背景色修改, 与其他界面效果显示统一
This commit is contained in:
Huangzhe
2025-05-22 11:12:15 +08:00
parent 543bb101bd
commit 7d0c4b2e32

View File

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