小程序答题小游戏下篇功能优化
//INDEX.WXML!--logs.wxml--view class="cont" !-- 第一步 -- view class='header' block wx:for="{{numList}}" wx:key="key" label class='radio' wx:if="{{item.id==indexId}}" style='background:slateblue;opcity:0.8;color:#fff;' {{item.id}} /label label class='radio' wx:else {{item.id}} /label /block /view !-- 第二步 -- view class='content' view class='question'{{questionName}}/view button class='answer' data-text1='{{text1}}'data-text2='{{text2}}' bindtap='btnAnswer' data-questionName='{{questionName}}'{{text1}}/button button class='answer' data-text1='{{text1}}'data-text2='{{text2}}' bindtap='btnAnswer' data-questionName='{{questionName}}'{{text2}}/button /view !-- 第三步 -- view class='submit' label class='btn' bindtap='submit'下一题/label /view/view//INDEDX.WXSSpage {background: url("https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1558346332592&di=fa5b9031fe00629d9acaef47297e3a2c&imgtype=0&src=http%3A%2F%2Fimg4.duitang.com%2Fuploads%2Fitem%2F201506%2F22%2F20150622102017_zi2Be.thumb.700_0.jpeg")no-repeat;background-size: 100% 100%;width: 100%;height: 100vh;}.header { position: relative; width: 100%; height: 70rpx; line-height: 70rpx; padding: 5rpx 0rpx; float: left; top:168rpx;}.radio { position: relative; width: 60rpx; line-height: 60rpx; text-align: center; height: 60rpx; float: left; left: 10rpx; margin: 5rpx; display: inline-block; background-color: #fff; border-radius: 50%; border: 1rpx solid #333;}.content { position: relative; margin: auto; width: 90%; height: 448rpx; text-align: center; background-color: salmon; opacity: 0.8; color: #fff; top:330rpx; border-radius: 15rpx;}.submit { position: relative; width: 100%; display: inline-block; height: 100rpx; line-height: 100rpx; text-align: center; top:382rpx;}.btn { width: 90%; height: 100rpx; display: inline-block; border-radius: 15rpx; font-size: 30rpx; line-height: 100rpx; background-color:cornflowerblue; color: #fff; opacity: 0.8;}.question{position:absolute;width:400rpx;height:60rpx;line-height:60rpx;left:82rpx;top:55rpx;}.suiji{ position: absolute; top:55rpx; width: 100rpx; height: 50rpx; font-size: 25rpx; line-height: 50rpx; text-align: center; padding: 0rpx 5rpx; right: 30rpx; border-radius: 35rpx; background-color: #333; color: #fff;}.answer{ position:relative; display: inline-block; width: 80%; height: 100rpx; text-align: center; border-radius: 10rpx; background-color: #f5f5f5; line-height: 100rpx; margin-bottom: 20rpx; top: 70rpx;}.answer:hover{ background-color: #333; color: #fff;}//INDEX.JS//logs.jsconst util = require('../../utils/util.js')var app = new getApp();Page({ data: { indexId: 1, show: false, numList: [{ id: 1 }, { id: 2 }, { id: 3 }, { id: 4 }, { id: 5 }, { id: 6 }, { id: 7 }, { id: 8 }, { id: 9 }, { id: 10 }, ], question: [{ name: "关于星座?" }, { name: "关于另一半?" }, { name: "你的思想污吗?" }, { name: "平时爱哭吗?" }, { name: "旅行之前准备?" }, { name: "说说你暗恋的对象吧!" }, { name: "有懒床的习惯吗?" }, { name: "和对象吵架之后?" }, { name: "爱情勇气?" }, { name: "关于喝酸奶?" }], text1: "我很相信星座是一个星座达人", text2: "我不相信感觉很假" }, onLoad: function() { this.setData({ list: app.globalData.lable_list, questionName: "关于星座?" }) }, /** * 选择答案 */ btnAnswer(e) { console.info(e.currentTarget.dataset); this.setData({ text1: e.currentTarget.dataset.text1, text2: e.currentTarget.dataset.text2, questionName: e.currentTarget.dataset.questionname }) }, // 下一题 submit(e) { var that = this; var obj = [{ name: "我很相信星座是一个星座达人" }, { name: "我不相信感觉很假" }, { name: "我更看重另一半的脸跟身材" }, { name: "我更看重另一半的性格人品" }, { name: "我生活中是一个很污的人" }, { name: "我是小纯洁不污" }, { name: "我不喜欢哭因为没有用" }, { name: "忍不住就是想哭" }, { name: "我喜欢自己安排做攻略" }, { name: "我喜欢说走就走" }, { name: "我也暗恋过喜欢的人..." }, { name: "我从不搞暗恋喜欢就去追" }, { name: "闹钟一响准时起床" }, { name: "关掉闹钟再睡会" }, { name: "主动承认错误和好" }, { name: "等着啥也不干" }, { name: "大胆表白喜欢就追" }, { name: "很怂憋着喜欢" }, { name: "每次喝酸奶都会舔盖子" }, { name: "我是土豪从来不舔盖" }, ]; if (this.data.text1 != null && this.data.text1 != "") { this.data.indexId++; if (this.data.indexId == 10) { this.setData({ indexId: 1, text1: obj[0].name, text2: obj[1].name, questionName: this.data.question[0].name }) } else { for (var i in obj) { //判断是否达到了最后一个，此时数组中的数据没有与输入框中相同的，设置成数组的第一个值 if (i == (obj.length - 1)) { that.setData({ text1: obj[0].name, text2: obj[1].name }); break; } //如果有相同的数据则换数组的下一个数据 if (obj[i].name == that.data.text1) { console.info(1); var num = parseInt(i) + 2; var nums = parseInt(i) + 3; that.setData({ indexId: that.data.indexId, text1: obj[num].name, text2: obj[nums].name, }) break; } } // 随机问题 for (var i in that.data.question) { //判断是否达到了最后一个，此时数组中的数据没有与输入框中相同的，设置成数组的第一个值 if (i == (that.data.question.length - 1)) { that.setData({ questionName: that.data.question[0].name }); break; } //如果有相同的数据则换数组的下一个数据 if (that.data.question[i].name == that.data.questionName) { var num = parseInt(i) + 1; that.setData({ indexId: that.data.indexId, list: that.data.list, questionName: that.data.question[num].name, }) break; } } } } else { } }})
