feat: 优化首页和搜索页面样式及功能

1. 修复了搜索页面中的类型错误和构建问题
   - 修复了 v-model 的类型断言问题
   - 优化了搜索关键字的处理逻辑

2. 优化了首页布局和样式
   - 添加了渐变背景样式
   - 调整了搜索栏和轮播图的间距
   - 优化了卡片圆角和边距

3. 改进了广告页面(AD)的UI
   - 优化了布局和样式
   - 添加了响应式设计
   - 改进了按钮样式和交互

4. 重构了主题和样式
   - 提取了常用样式到 theme.scss
   - 使用 SCSS 变量管理颜色和尺寸
   - 优化了组件间的样式复用

5. 修复了路由和布局问题
   - 更新了路由配置
   - 优化了重定向布局
   - 修复了导航栏显示问题
This commit is contained in:
Huangzhe
2025-05-18 17:50:11 +08:00
parent 51a9fd085e
commit 6852188cf1
23 changed files with 228 additions and 78 deletions

View File

@@ -0,0 +1,31 @@
<script setup lang="ts">
import SurveyAnalysis from '@/views/Survey/views/Analysis/Index.vue';
import { fetchSurveys } from '@/hooks/request/useSurvey';
import { cellWithoutPadding } from '@/utils/theme/cell';
const { surveys } = fetchSurveys();
</script>
<template>
<van-cell :style="cellWithoutPadding" class="swipe-container">
<template #extra>
<van-swipe class="my-swipe" indicator-color="white" :loop="false">
<van-swipe-item :key="survey.sn" v-for="survey in surveys">
<section style="width: 90vw">
<h3 style="margin: 10px 0 -10px 10px">我的任务</h3>
<survey-analysis :sn="survey.sn" :disable-search="true" />
</section>
</van-swipe-item>
</van-swipe>
</template>
</van-cell>
</template>
<style lang="scss" scoped>
@use '@/assets/css/theme';
.swipe-container {
margin-top: theme.$gap;
border-radius: theme.$card-radius;
}
</style>