-
{{ item.subject }}
-
-
+
+
+
单选题
+
{{ activeIndex + 1 }}/{{questionList.length}}
+
+
+
+
+
{{ item.subject }}
+
+
+
-
下一题
+
+
确定
@@ -25,10 +28,10 @@ export default {
data() {
return {
backgroundNavbar: {
- background: "url('./img/navbar.png') no-repeat",
- backgroundSize: '100% 100%',
+ // background: "url('./img/navbar.png') no-repeat",
+ // backgroundSize: '100% 100%',
},
- activeIndex: 0,
+
options: ['A','B','C','D','E','F','G','H','I','J','K','L','M'],
questionList: [
{
@@ -61,7 +64,11 @@ export default {
answer: "答案",
jiexi: '解析'
}
- ]
+ ],
+ startX: 0, // 滑动开始x轴位置
+ moveX: 0, // 滑动的x轴距离
+ activeIndex: 0, // 当前第几题
+ newIndex: 0, // 滑动到第几题
}
},
methods: {
@@ -71,8 +78,29 @@ export default {
next() {
this.activeIndex ++;
},
- touchStart() {},
- touchEnd() {},
+ touchStart(e) {
+ this.startX = e.changedTouches[0].pageX
+ console.log('开始触摸:', this.startX);
+ },
+ touchEnd(e, index) { // 手指离开屏幕时触发
+ // 获取滑动距离
+ const moveX = e.changedTouches[0].pageX - this.startX
+ // 判断滑动方向
+ if (moveX < -100 && index < this.topic.length-1) {
+ // 【下一题】 判断大幅度左滑且不是最后一题
+ this.newIndex=this.newIndex+1
+ this.activeIndex= this.activeIndex+1
+ console.log('第'+this.index+'题');
+ }
+ else if (moveX > 100 && index!= 0) {
+ // 【上一题】 判断大幅度右滑且不是第一题
+ this.newIndex=this.newIndex-1
+ this.activeIndex=this.activeIndex-1
+ }
+ },
+ confirm() {
+ uni.navigateTo({url: './result'})
+ },
},
onReachBottom() {
this.current ++;