|
@@ -1,4 +1,5 @@
|
|
<template>
|
|
<template>
|
|
|
|
+ <selectTypesVue :activeSelect="currentIndex"></selectTypesVue>
|
|
<swiper class="word-view-swiper-box" :indicator-dots="false" :autoplay="false" :circular="false"
|
|
<swiper class="word-view-swiper-box" :indicator-dots="false" :autoplay="false" :circular="false"
|
|
@change="handleSwiperChange" :disable-touch="isPlaying">
|
|
@change="handleSwiperChange" :disable-touch="isPlaying">
|
|
<swiper-item>
|
|
<swiper-item>
|
|
@@ -49,6 +50,7 @@
|
|
import readContent from './readContent.vue';
|
|
import readContent from './readContent.vue';
|
|
import xuePage from './xuePage.vue';
|
|
import xuePage from './xuePage.vue';
|
|
import audioRightWrongVue from "../components/audioRightWrong.vue";
|
|
import audioRightWrongVue from "../components/audioRightWrong.vue";
|
|
|
|
+ import selectTypesVue from './selectTypes.vue';
|
|
import {
|
|
import {
|
|
ref,
|
|
ref,
|
|
onMounted,
|
|
onMounted,
|
|
@@ -70,6 +72,7 @@
|
|
const popupImage = ref('')
|
|
const popupImage = ref('')
|
|
const statusAudio = uni.createInnerAudioContext()
|
|
const statusAudio = uni.createInnerAudioContext()
|
|
const emits = defineEmits(['play-audio', 'goXiangjie', 'swiper-change'])
|
|
const emits = defineEmits(['play-audio', 'goXiangjie', 'swiper-change'])
|
|
|
|
+ const currentIndex = ref(1)
|
|
|
|
|
|
|
|
|
|
const luyinSuccess = (imagePath, text, audioPath) => {
|
|
const luyinSuccess = (imagePath, text, audioPath) => {
|
|
@@ -91,6 +94,7 @@
|
|
|
|
|
|
function handleSwiperChange(e) {
|
|
function handleSwiperChange(e) {
|
|
emits('swiper-change', e.detail.current)
|
|
emits('swiper-change', e.detail.current)
|
|
|
|
+ currentIndex.value = e.detail.current+1;
|
|
}
|
|
}
|
|
|
|
|
|
function handlePlayAudio({
|
|
function handlePlayAudio({
|