|
@@ -1,16 +1,26 @@
|
|
<template>
|
|
<template>
|
|
<div class="collection-box">
|
|
<div class="collection-box">
|
|
- <van-nav-bar title="做错题和收藏题" left-arrow @click-left="onClickLeft" placeholder> </van-nav-bar>
|
|
|
|
|
|
+ <van-nav-bar title="错题收藏" left-arrow @click-left="onClickLeft" placeholder> </van-nav-bar>
|
|
<div>
|
|
<div>
|
|
<img class="collectionHeader" :src="collectionHeader" />
|
|
<img class="collectionHeader" :src="collectionHeader" />
|
|
</div>
|
|
</div>
|
|
- <div class="choose">
|
|
|
|
|
|
+ <div class="choose">
|
|
<div @click="goExercise('wrong')" class="choose-img">
|
|
<div @click="goExercise('wrong')" class="choose-img">
|
|
<span class="choose-text1"> 做错题 </span>
|
|
<span class="choose-text1"> 做错题 </span>
|
|
<span class="choose-text2"> 共 {{ wrongList.length }} 题 </span>
|
|
<span class="choose-text2"> 共 {{ wrongList.length }} 题 </span>
|
|
<img class="" :src="wrongBg" />
|
|
<img class="" :src="wrongBg" />
|
|
<img class="goArrow" :src="goArrow" />
|
|
<img class="goArrow" :src="goArrow" />
|
|
<button @click="clearTopicsWrong" style="color: #498ef5" class="clear">清空错题</button>
|
|
<button @click="clearTopicsWrong" style="color: #498ef5" class="clear">清空错题</button>
|
|
|
|
+ <button
|
|
|
|
+ @click.stop="
|
|
|
|
+ () => {
|
|
|
|
+ wrongSyncVisible = true;
|
|
|
|
+ }
|
|
|
|
+ "
|
|
|
|
+ style="color: #498ef5; left: 60vw"
|
|
|
|
+ class="clear">
|
|
|
|
+ 同步错题
|
|
|
|
+ </button>
|
|
</div>
|
|
</div>
|
|
<div @click="goExercise('collection')" class="choose-img">
|
|
<div @click="goExercise('collection')" class="choose-img">
|
|
<span class="choose-text1">收藏题</span>
|
|
<span class="choose-text1">收藏题</span>
|
|
@@ -18,11 +28,41 @@
|
|
<img class="" :src="collectionBg" />
|
|
<img class="" :src="collectionBg" />
|
|
<img class="goArrow" :src="goArrow" />
|
|
<img class="goArrow" :src="goArrow" />
|
|
<button @click="clearTopicsCollection" style="color: #01c18d" class="clear">清空收藏</button>
|
|
<button @click="clearTopicsCollection" style="color: #01c18d" class="clear">清空收藏</button>
|
|
|
|
+ <button
|
|
|
|
+ @click.stop="
|
|
|
|
+ () => {
|
|
|
|
+ collectSyncVisible = true;
|
|
|
|
+ }
|
|
|
|
+ "
|
|
|
|
+ style="color: #01c18d; left: 60vw"
|
|
|
|
+ class="clear">
|
|
|
|
+ 同步收藏
|
|
|
|
+ </button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="bottom">
|
|
<div class="bottom">
|
|
<img :src="collectionBottomBg" />
|
|
<img :src="collectionBottomBg" />
|
|
</div>
|
|
</div>
|
|
|
|
+ <van-popup position="bottom" v-model:show="wrongSyncVisible">
|
|
|
|
+ <van-picker
|
|
|
|
+ @cancel="
|
|
|
|
+ () => {
|
|
|
|
+ wrongSyncVisible = false;
|
|
|
|
+ }
|
|
|
|
+ "
|
|
|
|
+
|
|
|
|
+ :columns="['合并本机和云端错题', '备份本机收藏到错题', '恢复云端收藏到错题']"></van-picker>
|
|
|
|
+ </van-popup>
|
|
|
|
+
|
|
|
|
+ <van-popup position="bottom" v-model:show="collectSyncVisible">
|
|
|
|
+ <van-picker
|
|
|
|
+ @cancel="
|
|
|
|
+ () => {
|
|
|
|
+ collectSyncVisible = false;
|
|
|
|
+ }
|
|
|
|
+ "
|
|
|
|
+ :columns="['合并本机和云端收藏', '备份本机收藏到云端', '恢复云端收藏到本机']"></van-picker>
|
|
|
|
+ </van-popup>
|
|
<!-- <listCom type="wrong"></listCom> -->
|
|
<!-- <listCom type="wrong"></listCom> -->
|
|
<!-- <van-swipe ref="swiper" :show-indicators="false" :touchable="false">
|
|
<!-- <van-swipe ref="swiper" :show-indicators="false" :touchable="false">
|
|
<van-swipe-item> <listCom type="wrong" /> </van-swipe-item>
|
|
<van-swipe-item> <listCom type="wrong" /> </van-swipe-item>
|
|
@@ -186,6 +226,8 @@ const goExercise = (type: string) => {
|
|
};
|
|
};
|
|
const isType = ref(0); //0错题 1收藏
|
|
const isType = ref(0); //0错题 1收藏
|
|
const swiper = ref();
|
|
const swiper = ref();
|
|
|
|
+const wrongSyncVisible = ref(false);
|
|
|
|
+const collectSyncVisible = ref(false);
|
|
</script>
|
|
</script>
|
|
|
|
|
|
<style lang="scss" scoped>
|
|
<style lang="scss" scoped>
|