fix(home) : 更改主页操作逻辑内容
- “左右滑动换题目,左右点击换问卷” 逻辑交换 - 删除无用注释内容
This commit is contained in:
@@ -69,6 +69,7 @@ function handleSearchClick() {
|
|||||||
<!--底部新建问卷-->
|
<!--底部新建问卷-->
|
||||||
<NewSurvey />
|
<NewSurvey />
|
||||||
|
|
||||||
|
<!-- 我的问卷 部分, 当问卷不存在时,显示推荐内容 -->
|
||||||
<mine-task :surveys="surveys" v-if="surveys?.length > 0" />
|
<mine-task :surveys="surveys" v-if="surveys?.length > 0" />
|
||||||
<home-recommend class="home_recommend" v-else />
|
<home-recommend class="home_recommend" v-else />
|
||||||
<navigation />
|
<navigation />
|
||||||
|
|||||||
@@ -1,26 +1,16 @@
|
|||||||
<script setup lang="ts">
|
<script setup lang="ts">
|
||||||
import QuestionList from './components/QuestionList.vue';
|
import QuestionList from './components/QuestionList.vue';
|
||||||
import YlSwiper from '@/components/YlSwiper/Index.vue';
|
|
||||||
|
|
||||||
const surveys = defineModel('surveys', { required: true });
|
const surveys = defineModel('surveys', { required: true });
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<template>
|
<template>
|
||||||
<div class="carousel-container">
|
<div class="carousel-container">
|
||||||
<!-- 方式一:使用默认插槽,手动添加 swiper-slide 元素 -->
|
<van-swipe>
|
||||||
<yl-swiper
|
<van-swipe-item v-for="question in surveys" :key="question?.sn">
|
||||||
:slides-per-view="1"
|
|
||||||
:centered-slides="true"
|
|
||||||
:pagination="true"
|
|
||||||
:navigation="true"
|
|
||||||
:loop="false"
|
|
||||||
:space-between="0"
|
|
||||||
:allow-touch-move="false"
|
|
||||||
>
|
|
||||||
<swiper-slide v-for="question in surveys" :key="question.sn">
|
|
||||||
<question-list :survey="question" style="max-width: 100vw; overflow: hidden" />
|
<question-list :survey="question" style="max-width: 100vw; overflow: hidden" />
|
||||||
</swiper-slide>
|
</van-swipe-item>
|
||||||
</yl-swiper>
|
</van-swipe>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
|
|||||||
@@ -4,6 +4,7 @@ import { ref } from 'vue';
|
|||||||
import SurveyItem from '@/views/Survey/components/SurveyItem.vue';
|
import SurveyItem from '@/views/Survey/components/SurveyItem.vue';
|
||||||
import AnalysisInfo from '@/views/Survey/views/Analysis/components/AnalysisInfo/Index.vue';
|
import AnalysisInfo from '@/views/Survey/views/Analysis/components/AnalysisInfo/Index.vue';
|
||||||
import { fetchSingleSurvey } from '@/hooks/request/useSurvey';
|
import { fetchSingleSurvey } from '@/hooks/request/useSurvey';
|
||||||
|
import YlSwiper from '@/components/YlSwiper/Index.vue';
|
||||||
|
|
||||||
const survey = defineModel<SurveyItem>('survey');
|
const survey = defineModel<SurveyItem>('survey');
|
||||||
// 获取问卷分析数据
|
// 获取问卷分析数据
|
||||||
@@ -27,34 +28,20 @@ const disableInsight = ref(true);
|
|||||||
|
|
||||||
<!-- 问卷分析 -->
|
<!-- 问卷分析 -->
|
||||||
<section class="analysis-info">
|
<section class="analysis-info">
|
||||||
<!-- van swiper -->
|
<!-- 方式一:使用默认插槽,手动添加 swiper-slide 元素 -->
|
||||||
<van-swipe>
|
<yl-swiper
|
||||||
<van-swipe-item v-for="analysis in questionAnalysis">
|
:slides-per-view="1"
|
||||||
<analysis-info :sn="survey?.sn" :questionAnalysis="[analysis]" />
|
:centered-slides="true"
|
||||||
</van-swipe-item>
|
:pagination="true"
|
||||||
</van-swipe>
|
:navigation="true"
|
||||||
|
:loop="false"
|
||||||
<!-- <swiper navigation :slides-per-view="3" :modules="modules" :space-between="50">
|
:space-between="0"
|
||||||
|
:allow-touch-move="false"
|
||||||
|
>
|
||||||
<swiper-slide v-for="analysis in questionAnalysis">
|
<swiper-slide v-for="analysis in questionAnalysis">
|
||||||
{{ analysis }}
|
<analysis-info :sn="survey?.sn" :questionAnalysis="[analysis]" />
|
||||||
</swiper-slide>
|
</swiper-slide>
|
||||||
</swiper> -->
|
</yl-swiper>
|
||||||
|
|
||||||
<!-- swiper -->
|
|
||||||
<!-- <yl-swiper> -->
|
|
||||||
<!-- <swiper-slide v-for="item in questionAnalysis" :key="item.stem"> -->
|
|
||||||
<!-- 为 item 解决内部数据错误的问题 -->
|
|
||||||
<!-- <analysis-info :sn="survey?.sn" :questionAnalysis="[item]" /> -->
|
|
||||||
<!-- </swiper-slide> -->
|
|
||||||
<!-- </yl-swiper> -->
|
|
||||||
|
|
||||||
<!-- el carousel -->
|
|
||||||
<!-- <el-carousel arrow="always" :loop="false" :autoplay="false"> -->
|
|
||||||
<!-- <el-carousel-item v-for="item in questionAnalysis"> -->
|
|
||||||
<!-- 为 item 解决内部数据错误的问题 -->
|
|
||||||
<!-- <analysis-info :sn="survey?.sn" :questionAnalysis="[item]" /> -->
|
|
||||||
<!-- </el-carousel-item> -->
|
|
||||||
<!-- </el-carousel> -->
|
|
||||||
</section>
|
</section>
|
||||||
</section>
|
</section>
|
||||||
</template>
|
</template>
|
||||||
|
|||||||
Reference in New Issue
Block a user