feat: 优化首页和搜索页面样式及功能
1. 修复了搜索页面中的类型错误和构建问题 - 修复了 v-model 的类型断言问题 - 优化了搜索关键字的处理逻辑 2. 优化了首页布局和样式 - 添加了渐变背景样式 - 调整了搜索栏和轮播图的间距 - 优化了卡片圆角和边距 3. 改进了广告页面(AD)的UI - 优化了布局和样式 - 添加了响应式设计 - 改进了按钮样式和交互 4. 重构了主题和样式 - 提取了常用样式到 theme.scss - 使用 SCSS 变量管理颜色和尺寸 - 优化了组件间的样式复用 5. 修复了路由和布局问题 - 更新了路由配置 - 优化了重定向布局 - 修复了导航栏显示问题
This commit is contained in:
31
src/views/Home/components/MineTask/Index.vue
Normal file
31
src/views/Home/components/MineTask/Index.vue
Normal 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>
|
||||
Reference in New Issue
Block a user