斜塘答题

xietang-answer-h5/pages/answer/index.vue

@@ -2,27 +2,61 @@
 	<view class='wrap'>
 		<view class="answerwrap">
 			<view class='answertop'>
-				<view>(答题1/10)</view>
+				<view>(答题{{questionIndex+1}}/10)</view>
 				<view>{{minutes}}:{{seconds}}</view>
 			</view>
-			<view class='answercenter'>
-				<view class='answertitle'>
-					<span>单选题</span>中国共产党历史上唯--次在国外召开的全国代表大会是。
-				</view>
-				<view class='answercheck'>
-					<view class='answeritem'>
-						<span>A</span>三大
+			<view>
+				<view class='answercenter'>
+					<view class='answertitle'>
+						<span>{{question_list[questionIndex]?question_list[questionIndex]['type_name']:''}}</span>{{question_list[questionIndex]?question_list[questionIndex]['title']:''}}
+					</view>
+					<view class='answercheck' v-for="(ans,ansindex) in question_list[questionIndex]?question_list[questionIndex].options:[]">
+						<view @click="chooseAnswer(ans,ansindex)" :class="ans.flag?'answeritem active':'answeritem'">
+							<span>{{answerNum[ansindex]}}</span>{{ans.is_correct}}---{{ans.title}}
+						</view>
 					</view>
 				</view>
 			</view>
 			<view class='answerbottom'>
-				<span></span>正确答案：{{}}
+				<span></span>正确答案：{{correctAnswer}}
 			</view>
 			
 		</view>
-		<view>
-			<span>下一题</span>
-			<span>结束</span>
+		<view class='submit'>
+			<u-button v-if="!answerSubmit" color="#d22425" shape="circle" size='large' text="下一题" type='primary' @click="nextQue"></u-button>
+			<u-button v-if="answerSubmit" color="#d22425" shape="circle" size='large' text="提交" type='primary' @click="submitQue"></u-button>
+		</view>
+		
+		<view class="answertip">
+			<view class="answer100 answertipitem">
+				<view :class="show80?'ansicon80':'ansicon'">
+					<u-image v-if="show100" :fade="false" :src="ansicon100" width="120rpx" height="231rpx"></u-image>
+					<u-image v-if="show80" :fade="false" :src="ansicon80" width="168rpx" height="202rpx"></u-image>
+					
+				</view>
+				<view class="answrap">
+					<view class="ansscore">
+						<view>答题已结束，最高得分100分</view>
+						<view><span class="ansfont">100</span>分</view>
+						<view style="margin-top:-20rpx">本次得分</view>
+					</view>
+					<view class='ansflag' v-if="!show80"></view>
+					<view class="answerBtn">
+						<view>生成证书</view>
+						<view>再来一次</view>
+					</view>
+				</view>
+				
+			</view>
+			<!-- <view class="answer80 answertipitem">
+				<view>
+					<span class="ansfont">100</span>分
+				</view>
+				<view class="answerBtn">
+					<view>生成证书</view>
+					<view>再来一次</view>
+				</view>
+			</view> -->
 		</view>
 	</view>
 </template>
@@ -33,21 +67,170 @@
 			return{
 				minutes:0,
 				seconds:0,
-				timer:null
+				timer:null,
+				question_list:[],
+				questionIndex:0,
+				answerNum:["A","B","C","D","E","F","G","H"],
+				myAnswer:[],
+				correctNum:0, // 错误的题目数量
+				correctScore:0, // 得分
+				correctAnswer:'', // 正确答案
+				answerSubmit:false, // 最后一题
+				hasFlag:false,// 是否选中
+				showone100:true,
+				showone80:false,
+				show100:false,
+				show80:false,
+				ansicon100:require('../../static/answer100icon.png'),
+				ansicon80:require('../../static/answer80icon.png'),
 			}
 		},
 		onLoad() {
-			this.countdown(1, (minutes, seconds) => {
+			this.getQuestion()
+			this.countdown(.2, (minutes, seconds) => {
 				this.minutes = minutes.toString().padStart(2, '0')
 				this.seconds = seconds.toString().padStart(2, '0')
 			}, () => {
 			  clearTimeout(this.timer)
+			  this.answerSubmit = true
+			  this.submitQue()
 			});
 		},
 		onUnload() {
 			clearTimeout(this.timer)	
 		},
 		methods:{
+			getQuestion(){
+				let that = this
+				this.util.request({
+					api: '/api/mobile/quiz/get-questions',
+					data: {
+						activity_tag:'bbfc'
+					},
+					method: 'GET',
+					utilSuccess: function(res) {
+						console.log(res)
+						let data = res.questions
+						
+						data.map(item=>{
+							let type = 0
+							item.correctAnswer=[]
+							item.options.map(i=>{
+								i.flag = false
+								
+								if(i.is_correct===1){
+									type++
+									item.correctAnswer.push(that.answerNum[i.myindex-1])
+								}
+							})
+							item.type_name = type>1?'多选题':'单选题'
+						})
+						console.log(data)
+						that.question_list = data
+						
+					},
+					utilFail: function(res) {
+						that.util.toast(res)
+					}
+				})
+			},
+			chooseAnswer(ans,ansindex){
+				this.hasFlag = false
+				if(this.question_list[this.questionIndex]['type_name']==='单选题'){
+					this.question_list[this.questionIndex]['options'].map(item=>{
+						item.flag = false
+					})
+					ans.flag = !ans.flag
+					this.hasFlag = true
+					// ans.flag = !ans.flag
+				}else{
+					ans.flag = !ans.flag
+					this.question_list[this.questionIndex]['options'].map(item=>{
+						if(item.flag==true){
+							this.hasFlag = true
+						}
+					})
+				}
+				console.log("hasFlag",this.hasFlag)
+			},
+			submitQue(){
+				if(this.myAnswer.length>0){
+					let count = 0
+					this.myAnswer.map(item=>{
+						if(item.isCorrect===true){
+							count++
+						}
+					})
+					this.correctScore = (count/10)*100
+				}else{
+					this.correctScore = 0
+				}
+				// let that = this
+				// this.util.request({
+				// 	api: '/api/mobile/quiz/save-quiz-simple',
+				// 	data: {
+				// 		score:that.correctScore,
+				// 		answers:that.myAnswer
+				// 	},
+				// 	method: 'GET',
+				// 	utilSuccess: function(res) {
+				// 		console.log(res)
+						
+						
+				// 	},
+				// 	utilFail: function(res) {
+				// 		that.util.toast(res)
+				// 	}
+				// })
+				
+				console.log("this.correctScore",this.correctScore,this.correctNum)
+			},
+			nextQue(){
+				let that = this
+				if(!this.hasFlag){
+					this.util.toast("请先选择答案")
+					return
+				}
+				if(this.questionIndex>9){
+					this.answerSubmit = true
+					return
+				}
+				
+				let ansid = []
+				let count = 0
+				this.question_list[this.questionIndex]['options'].map(item=>{
+					if(item.flag === true){
+						ansid.push(item.id)
+					}
+					
+					if(!item.flag&&item.is_correct===1){
+						count++
+					}
+					
+				})
+				count>0?this.correctNum++:""
+				this.myAnswer.push({
+					question_id:this.question_list[this.questionIndex]['id'],
+					answer_ids:ansid.join("|"),
+					isCorrect:count>0?false:true
+				})
+				
+				this.correctAnswer  = this.question_list[this.questionIndex]['correctAnswer'].join(',')
+				console.log("this.questionIndex",this.questionIndex,this.correctNum)
+				// if(this.questionIndex==9){
+				// 	that.answerSubmit = true
+				// 	return
+				// }
+				setTimeout(function(){
+					that.correctAnswer = ''
+					that.questionIndex++
+					if(that.questionIndex==9){
+						that.answerSubmit = true
+						// return
+					}
+				},100)
+				
+			},
 			countdown(duration, onTick, onEnd) {
 			  let remainingTime = duration * 60;
 			
@@ -71,23 +254,28 @@
 <style scoped>
 	page {
 		/* background-color: #F6F3EA; */
-		height: 100vh;
-		overflow: hidden;
+		height: 100%;
+		/* overflow: hidden; */
 		position: relative;
+				background-color: #fffafa;
 		/* padding-top: 11vh; */
 	}
 	.wrap{
 		height: 100%;
 		width:100%;
+		background-image: url('../../static/answerbg.png');
+		background-size: 100% 100%;
+		background-repeat: no-repeat;
+		padding-top:397rpx;
+		padding-bottom:300rpx;
+		
 	}
 	.answerwrap{
-		position: absolute;
-		top: 50%;
-		left: 50%;
-		transform: translate(-50%,-50%);
-		width:80%;
-		background-color: #f8f8f8;
+		width:90%;
+		background-color: #f9f6f6;
 		border-radius:40rpx;
+		margin:0 auto;
+		box-shadow: 0px 0px 20px -10px #d22425;
 	}
 	.answertop{
 		display: flex;
@@ -95,7 +283,9 @@
 		background-color: red;
 		padding:30rpx;
 		border-radius: 40rpx 40rpx 0 0 ;
-		border: 1px solid #000;
+		border: 1px solid #d22425;
+		background-color: #d22425;
+		color:#fff;
 		border-bottom:none
 	}
 	.answercenter{
@@ -104,14 +294,17 @@
 	.answertitle{
 		padding:30rpx;
 		line-height: 2;
+		font-weight: bold;
+		
 	}
 	.answertitle span{
-		background-color: red;
+		background-color: #d7b245;
 		display: inline-block;
 		padding:0rpx 20rpx;
 		color:#fff;
 		margin-right:10rpx;
 		border-radius: 10rpx;
+		font-weight: normal;
 	}
 	.answercheck{
 		padding:30rpx;
@@ -119,22 +312,34 @@
 	}
 	.answeritem{
 		padding:20rpx;
-		background-color: #ddd;
-		border:4rpx solid #000;
+		background-color: #fff;
+		border:4rpx solid #fff;
 		border-radius: 20rpx;
+		color:#666666;
+	}
+	.answeritem.active{
+		border:4rpx solid #d22425;
 	}
 	.answeritem span{
 		display: inline-block;
-		width:50rpx;
-		height:50rpx;
-		border:2px solid #000;
+		width:40rpx;
+		height:40rpx;
+		border:2px solid #999;
+		color:#999;
 		text-align: center;
-		line-height: 50rpx;
+		line-height: 40rpx;
 		border-radius: 10rpx;
 		margin-right:10rpx
 	}
+	.answeritem.active span{
+		border:2px solid #d22425;
+		background-color: #d22425;
+		color:#fff;
+	}
 	.answerbottom{
 		padding:30rpx;
+		padding-top:10rpx;
+		padding-bottom:40rpx;
 	}
 	.answerbottom span{
 		display: inline-block;
@@ -145,4 +350,95 @@
 		vertical-align: middle;
 		margin-right:20rpx
 	}
+	.submit{
+		width: 50%;
+		margin: 30px auto;
+		margin-bottom:
+	}
+	.answertip{
+		position: absolute;
+		top:0;
+		left:0;
+		width:100%;
+		height:100%;
+		background-color: rgba(0,0,0,0.7);
+		padding-top:397rpx;
+		padding-bottom:300rpx;
+	}
+	.answertipitem{
+		position: absolute;
+		top:50%;
+		left:50%;
+		transform: translate(-50%,-50%);
+	}
+	.answrap{
+		background: url(../../static/answertipbg.png);
+		width:483rpx;
+		height:612rpx;
+		background-size: 100% 100%;
+	}
+	.ansscore{
+		padding-top: 120rpx;
+		text-align: center;
+	}
+	.ansflag{
+		background: url(../../static/answer100flag.png);
+		width:576rpx;
+		height:164rpx;
+		background-size: 100% 100%;
+		position: absolute;
+		top: 280rpx;
+		left: -48rpx;
+	}
+	.ansicon{
+		position: absolute;
+		left: 180rpx;
+		top: -120rpx;
+	}
+	.ansicon80{
+		position: absolute;
+		left: 120rpx;
+		top: -120rpx;
+	}
+/* 	.answer100>view:first-child{
+		margin-top: 236rpx;
+		margin-left: 210rpx;
+	} */
+	.answerBtn{
+		/* margin-top: 236rpx;
+		margin-left: 210rpx; */
+		/* display:flex;
+		margin-top:100rpx;
+		margin-left:80rpx */
+		text-align: center;
+		/* margin-top: 120rpx; */
+		    position: absolute;
+		    top: 215px;
+		    left: 20px;
+	}
+	.answerBtn view{
+		background-color: #fff;
+		color:#333;
+		padding:6rpx 40rpx;
+		box-shadow: 0px 0px 20px -6px #d22425;
+		margin:10rpx;
+		font-size: 28rpx;
+		border-radius: 5rpx;
+		display: inline-block;
+		
+	}
+	.answerBtn view:last-child{
+		color:#fff;
+		background: linear-gradient(to right,#d22425,#ef735e);
+	}
+	.answertip span.ansfont{
+		color:#d22425;
+		font-size: 90rpx;
+	}
+	.answer80{
+		background: url(../../static/answer80.png);
+		width:483rpx;
+		height:641rpx;
+		background-size: 100% 100%;
+	}
 </style>

xietang-answer-h5/pages/login/index.vue

@@ -26,6 +26,7 @@
 			</view>
 			<view class="loginbtn">
 				<u-button color="#d22425" shape="circle" size='large' text="提   交" type='primary' @click="submit"></u-button>
+				<u-image :fade="false" :src="tip" width="141rpx" height="28rpx"></u-image>
 			</view>
 		</view>
 		<u-picker @confirm="confirmParty" keyName="name" @cancel='cancelParty' :show="partyShow" :columns="partyColumns"></u-picker>
@@ -38,6 +39,7 @@ export default {
 	data() {
 		return {
 			logintitle:require("../../static/logintitle.png"),
+			tip:require("../../static/logintip.png"),
 			partyShow:false,
 			partyColumns:[],
 			form: {
@@ -189,5 +191,11 @@ export default {
 	.loginbtn{
 		padding:20rpx 30rpx;
 		padding-top:0;
+	}
+	/deep/.loginbtn .u-image{
+		margin:30rpx auto;
+	}
+	/deep/ .loginbtn .u-button--circle{
+		box-shadow: 0px 0px 20px -5px #d22425;
 	}
 </style>

xietang-answer-h5/unpackage/dist/dev/mp-weixin/pages/answer/index.js

@@ -1,2 +1,2 @@
-(global["webpackJsonp"]=global["webpackJsonp"]||[]).push([["pages/answer/index"],{177:function(n,t,e){"use strict";(function(n,t){var r=e(4);e(26);r(e(25));var u=r(e(178));n.__webpack_require_UNI_MP_PLUGIN__=e,t(u.default)}).call(this,e(1)["default"],e(2)["createPage"])},178:function(n,t,e){"use strict";e.r(t);var r=e(179),u=e(181);for(var i in u)["default"].indexOf(i)<0&&function(n){e.d(t,n,(function(){return u[n]}))}(i);e(317);var o,c=e(33),a=Object(c["default"])(u["default"],r["render"],r["staticRenderFns"],!1,null,"da51188c",null,!1,r["components"],o);a.options.__file="pages/answer/index.vue",t["default"]=a.exports},179:function(n,t,e){"use strict";e.r(t);var r=e(180);e.d(t,"render",(function(){return r["render"]})),e.d(t,"staticRenderFns",(function(){return r["staticRenderFns"]})),e.d(t,"recyclableRender",(function(){return r["recyclableRender"]})),e.d(t,"components",(function(){return r["components"]}))},180:function(n,t,e){"use strict";var r;e.r(t),e.d(t,"render",(function(){return u})),e.d(t,"staticRenderFns",(function(){return o})),e.d(t,"recyclableRender",(function(){return i})),e.d(t,"components",(function(){return r}));var u=function(){var n=this,t=n.$createElement;n._self._c},i=!1,o=[];u._withStripped=!0},181:function(n,t,e){"use strict";e.r(t);var r=e(182),u=e.n(r);for(var i in r)["default"].indexOf(i)<0&&function(n){e.d(t,n,(function(){return r[n]}))}(i);t["default"]=u.a},182:function(n,t,e){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r={data:function(){return{minutes:0,seconds:0,timer:null}},onLoad:function(){var n=this;this.countdown(1,(function(t,e){n.minutes=t.toString().padStart(2,"0"),n.seconds=e.toString().padStart(2,"0")}),(function(){clearTimeout(n.timer)}))},onUnload:function(){clearTimeout(this.timer)},methods:{countdown:function(n,t,e){var r=this,u=60*n,i=function n(){if(u>-1){var i=Math.floor(u/60),o=u%60;t(i,o),u--,r.timer=setTimeout(n,1e3)}else e()};i()}}};t.default=r},317:function(n,t,e){"use strict";e.r(t);var r=e(318),u=e.n(r);for(var i in r)["default"].indexOf(i)<0&&function(n){e.d(t,n,(function(){return r[n]}))}(i);t["default"]=u.a},318:function(n,t,e){}},[[177,"common/runtime","common/vendor"]]]);
+(global["webpackJsonp"]=global["webpackJsonp"]||[]).push([["pages/answer/index"],{177:function(t,n,e){"use strict";(function(t,n){var o=e(4);e(26);o(e(25));var i=o(e(178));t.__webpack_require_UNI_MP_PLUGIN__=e,n(i.default)}).call(this,e(1)["default"],e(2)["createPage"])},178:function(t,n,e){"use strict";e.r(n);var o=e(179),i=e(181);for(var s in i)["default"].indexOf(s)<0&&function(t){e.d(n,t,(function(){return i[t]}))}(s);e(317);var r,u=e(33),c=Object(u["default"])(i["default"],o["render"],o["staticRenderFns"],!1,null,"da51188c",null,!1,o["components"],r);c.options.__file="pages/answer/index.vue",n["default"]=c.exports},179:function(t,n,e){"use strict";e.r(n);var o=e(180);e.d(n,"render",(function(){return o["render"]})),e.d(n,"staticRenderFns",(function(){return o["staticRenderFns"]})),e.d(n,"recyclableRender",(function(){return o["recyclableRender"]})),e.d(n,"components",(function(){return o["components"]}))},180:function(t,n,e){"use strict";var o;e.r(n),e.d(n,"render",(function(){return i})),e.d(n,"staticRenderFns",(function(){return r})),e.d(n,"recyclableRender",(function(){return s})),e.d(n,"components",(function(){return o}));try{o={uButton:function(){return Promise.all([e.e("common/vendor"),e.e("uni_modules/uview-ui/components/u-button/u-button")]).then(e.bind(null,217))},uImage:function(){return Promise.all([e.e("common/vendor"),e.e("uni_modules/uview-ui/components/u-image/u-image")]).then(e.bind(null,321))}}}catch(u){if(-1===u.message.indexOf("Cannot find module")||-1===u.message.indexOf(".vue"))throw u;console.error(u.message),console.error("1. 排查组件名称拼写是否正确"),console.error("2. 排查组件是否符合 easycom 规范，文档：https://uniapp.dcloud.net.cn/collocation/pages?id=easycom"),console.error("3. 若组件不符合 easycom 规范，需手动引入，并在 components 中注册该组件")}var i=function(){var t=this,n=t.$createElement;t._self._c},s=!1,r=[];i._withStripped=!0},181:function(t,n,e){"use strict";e.r(n);var o=e(182),i=e.n(o);for(var s in o)["default"].indexOf(s)<0&&function(t){e.d(n,t,(function(){return o[t]}))}(s);n["default"]=i.a},182:function(t,n,e){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.default=void 0;var o={data:function(){return{minutes:0,seconds:0,timer:null,question_list:[],questionIndex:0,answerNum:["A","B","C","D","E","F","G","H"],myAnswer:[],correctNum:0,correctScore:0,correctAnswer:"",answerSubmit:!1,hasFlag:!1,showone100:!0,showone80:!1,show100:!1,show80:!1,ansicon100:e(192),ansicon80:e(193)}},onLoad:function(){var t=this;this.getQuestion(),this.countdown(.2,(function(n,e){t.minutes=n.toString().padStart(2,"0"),t.seconds=e.toString().padStart(2,"0")}),(function(){clearTimeout(t.timer),t.answerSubmit=!0,t.submitQue()}))},onUnload:function(){clearTimeout(this.timer)},methods:{getQuestion:function(){var t=this;this.util.request({api:"/api/mobile/quiz/get-questions",data:{activity_tag:"bbfc"},method:"GET",utilSuccess:function(n){console.log(n);var e=n.questions;e.map((function(n){var e=0;n.correctAnswer=[],n.options.map((function(o){o.flag=!1,1===o.is_correct&&(e++,n.correctAnswer.push(t.answerNum[o.myindex-1]))})),n.type_name=e>1?"多选题":"单选题"})),console.log(e),t.question_list=e},utilFail:function(n){t.util.toast(n)}})},chooseAnswer:function(t,n){var e=this;this.hasFlag=!1,"单选题"===this.question_list[this.questionIndex]["type_name"]?(this.question_list[this.questionIndex]["options"].map((function(t){t.flag=!1})),t.flag=!t.flag,this.hasFlag=!0):(t.flag=!t.flag,this.question_list[this.questionIndex]["options"].map((function(t){1==t.flag&&(e.hasFlag=!0)}))),console.log("hasFlag",this.hasFlag)},submitQue:function(){if(this.myAnswer.length>0){var t=0;this.myAnswer.map((function(n){!0===n.isCorrect&&t++})),this.correctScore=t/10*100}else this.correctScore=0;console.log("this.correctScore",this.correctScore,this.correctNum)},nextQue:function(){var t=this;if(this.hasFlag)if(this.questionIndex>9)this.answerSubmit=!0;else{var n=[],e=0;this.question_list[this.questionIndex]["options"].map((function(t){!0===t.flag&&n.push(t.id),t.flag||1!==t.is_correct||e++})),e>0&&this.correctNum++,this.myAnswer.push({question_id:this.question_list[this.questionIndex]["id"],answer_ids:n.join("|"),isCorrect:!(e>0)}),this.correctAnswer=this.question_list[this.questionIndex]["correctAnswer"].join(","),console.log("this.questionIndex",this.questionIndex,this.correctNum),setTimeout((function(){t.correctAnswer="",t.questionIndex++,9==t.questionIndex&&(t.answerSubmit=!0)}),100)}else this.util.toast("请先选择答案")},countdown:function(t,n,e){var o=this,i=60*t,s=function t(){if(i>-1){var s=Math.floor(i/60),r=i%60;n(s,r),i--,o.timer=setTimeout(t,1e3)}else e()};s()}}};n.default=o},317:function(t,n,e){"use strict";e.r(n);var o=e(318),i=e.n(o);for(var s in o)["default"].indexOf(s)<0&&function(t){e.d(n,t,(function(){return o[t]}))}(s);n["default"]=i.a},318:function(t,n,e){}},[[177,"common/runtime","common/vendor"]]]);
 //# sourceMappingURL=../../../.sourcemap/mp-weixin/pages/answer/index.js.map

xietang-answer-h5/unpackage/dist/dev/mp-weixin/pages/answer/index.json

@@ -1,3 +1,6 @@
 {
-  "usingComponents": {}
+  "usingComponents": {
+    "u-button": "/uni_modules/uview-ui/components/u-button/u-button",
+    "u-image": "/uni_modules/uview-ui/components/u-image/u-image"
+  }
 }

xietang-answer-h5/unpackage/dist/dev/mp-weixin/pages/answer/index.wxml

@@ -1 +1 @@
-<view class="wrap data-v-da51188c"><view class="answerwrap data-v-da51188c"><view class="answertop data-v-da51188c"><view class="data-v-da51188c">(答题1/10)</view><view class="data-v-da51188c">{{minutes+":"+seconds}}</view></view><view class="answercenter data-v-da51188c"><view class="answertitle data-v-da51188c"><label class="_span data-v-da51188c">单选题</label>中国共产党历史上唯--次在国外召开的全国代表大会是。</view><view class="answercheck data-v-da51188c"><view class="answeritem data-v-da51188c"><label class="_span data-v-da51188c">A</label>三大</view></view></view><view class="answerbottom data-v-da51188c"><label class="_span data-v-da51188c"></label>正确答案：{{}}</view></view><view class="data-v-da51188c"><label class="_span data-v-da51188c">下一题</label><label class="_span data-v-da51188c">结束</label></view></view>
+<view class="wrap data-v-da51188c"><view class="answerwrap data-v-da51188c"><view class="answertop data-v-da51188c"><view class="data-v-da51188c">{{"(答题"+(questionIndex+1)+"/10)"}}</view><view class="data-v-da51188c">{{minutes+":"+seconds}}</view></view><view class="data-v-da51188c"><view class="answercenter data-v-da51188c"><view class="answertitle data-v-da51188c"><label class="_span data-v-da51188c">{{question_list[questionIndex]?question_list[questionIndex]['type_name']:''}}</label>{{(question_list[questionIndex]?question_list[questionIndex]['title']:'')+''}}</view><block wx:for="{{question_list[questionIndex]?question_list[questionIndex].options:[]}}" wx:for-item="ans" wx:for-index="ansindex"><view class="answercheck data-v-da51188c"><view data-event-opts="{{[['tap',[['chooseAnswer',['$0',ansindex],[[['question_list[questionIndex]?question_list[questionIndex].options:[]','',ansindex]]]]]]]}}" class="{{['data-v-da51188c',ans.flag?'answeritem active':'answeritem']}}" bindtap="__e"><label class="_span data-v-da51188c">{{answerNum[ansindex]}}</label>{{ans.is_correct+"---"+ans.title+''}}</view></view></block></view></view><view class="answerbottom data-v-da51188c"><label class="_span data-v-da51188c"></label>{{"正确答案："+correctAnswer+''}}</view></view><view class="submit data-v-da51188c"><block wx:if="{{!answerSubmit}}"><u-button vue-id="6fd0f6e8-1" color="#d22425" shape="circle" size="large" text="下一题" type="primary" data-event-opts="{{[['^click',[['nextQue']]]]}}" bind:click="__e" class="data-v-da51188c" bind:__l="__l"></u-button></block><block wx:if="{{answerSubmit}}"><u-button vue-id="6fd0f6e8-2" color="#d22425" shape="circle" size="large" text="提交" type="primary" data-event-opts="{{[['^click',[['submitQue']]]]}}" bind:click="__e" class="data-v-da51188c" bind:__l="__l"></u-button></block></view><view class="answertip data-v-da51188c"><view class="answer100 answertipitem data-v-da51188c"><view class="{{['data-v-da51188c',show80?'ansicon80':'ansicon']}}"><block wx:if="{{show100}}"><u-image vue-id="6fd0f6e8-3" fade="{{false}}" src="{{ansicon100}}" width="120rpx" height="231rpx" class="data-v-da51188c" bind:__l="__l"></u-image></block><block wx:if="{{show80}}"><u-image vue-id="6fd0f6e8-4" fade="{{false}}" src="{{ansicon80}}" width="168rpx" height="202rpx" class="data-v-da51188c" bind:__l="__l"></u-image></block></view><view class="answrap data-v-da51188c"><view class="ansscore data-v-da51188c"><view class="data-v-da51188c">答题已结束，最高得分100分</view><view class="data-v-da51188c"><label class="ansfont _span data-v-da51188c">100</label>分</view><view style="margin-top:-20rpx;" class="data-v-da51188c">本次得分</view></view><block wx:if="{{!show80}}"><view class="ansflag data-v-da51188c"></view></block><view class="answerBtn data-v-da51188c"><view class="data-v-da51188c">生成证书</view><view class="data-v-da51188c">再来一次</view></view></view></view></view></view>

xietang-answer-h5/unpackage/dist/dev/mp-weixin/pages/login/index.js

@@ -1,2 +1,2 @@
-(global["webpackJsonp"]=global["webpackJsonp"]||[]).push([["pages/login/index"],{168:function(n,e,t){"use strict";(function(n,e){var i=t(4);t(26);i(t(25));var o=i(t(169));n.__webpack_require_UNI_MP_PLUGIN__=t,e(o.default)}).call(this,t(1)["default"],t(2)["createPage"])},169:function(n,e,t){"use strict";t.r(e);var i=t(170),o=t(172);for(var u in o)["default"].indexOf(u)<0&&function(n){t.d(e,n,(function(){return o[n]}))}(u);t(175);var r,s=t(33),a=Object(s["default"])(o["default"],i["render"],i["staticRenderFns"],!1,null,"4586967a",null,!1,i["components"],r);a.options.__file="pages/login/index.vue",e["default"]=a.exports},170:function(n,e,t){"use strict";t.r(e);var i=t(171);t.d(e,"render",(function(){return i["render"]})),t.d(e,"staticRenderFns",(function(){return i["staticRenderFns"]})),t.d(e,"recyclableRender",(function(){return i["recyclableRender"]})),t.d(e,"components",(function(){return i["components"]}))},171:function(n,e,t){"use strict";var i;t.r(e),t.d(e,"render",(function(){return o})),t.d(e,"staticRenderFns",(function(){return r})),t.d(e,"recyclableRender",(function(){return u})),t.d(e,"components",(function(){return i}));try{i={uImage:function(){return Promise.all([t.e("common/vendor"),t.e("uni_modules/uview-ui/components/u-image/u-image")]).then(t.bind(null,321))},uInput:function(){return Promise.all([t.e("common/vendor"),t.e("uni_modules/uview-ui/components/u-input/u-input")]).then(t.bind(null,200))},uIcon:function(){return Promise.all([t.e("common/vendor"),t.e("uni_modules/uview-ui/components/u-icon/u-icon")]).then(t.bind(null,208))},uButton:function(){return Promise.all([t.e("common/vendor"),t.e("uni_modules/uview-ui/components/u-button/u-button")]).then(t.bind(null,217))},uPicker:function(){return Promise.all([t.e("common/vendor"),t.e("uni_modules/uview-ui/components/u-picker/u-picker")]).then(t.bind(null,227))}}}catch(s){if(-1===s.message.indexOf("Cannot find module")||-1===s.message.indexOf(".vue"))throw s;console.error(s.message),console.error("1. 排查组件名称拼写是否正确"),console.error("2. 排查组件是否符合 easycom 规范，文档：https://uniapp.dcloud.net.cn/collocation/pages?id=easycom"),console.error("3. 若组件不符合 easycom 规范，需手动引入，并在 components 中注册该组件")}var o=function(){var n=this,e=n.$createElement;n._self._c},u=!1,r=[];o._withStripped=!0},172:function(n,e,t){"use strict";t.r(e);var i=t(173),o=t.n(i);for(var u in i)["default"].indexOf(u)<0&&function(n){t.d(e,n,(function(){return i[n]}))}(u);e["default"]=o.a},173:function(n,e,t){"use strict";(function(n){Object.defineProperty(e,"__esModule",{value:!0}),e.default=void 0;var i={data:function(){return{logintitle:t(342),partyShow:!1,partyColumns:[],form:{name:"",mobile:"",address:"",department_id:""}}},onLoad:function(){this.getParty()},methods:{getParty:function(){var n=this;this.util.request({api:"/api/mobile/quiz/get-departments",data:this.form,method:"GET",utilSuccess:function(e){var t=[];e.map((function(n){t.push(n.name)})),n.partyColumns.push(e)},utilFail:function(e){n.util.toast(e)}})},openPicker:function(){n.hideKeyboard(),this.partyShow=!0},confirmParty:function(n){console.log(n),n&&(this.form.address=n.value[0].name,this.form.department_id=n.value[0].id,this.partyShow=!1)},cancelParty:function(){this.partyShow=!1},submit:function(){if(this.util.isNull(this.form.name)||this.util.isNull(this.form.mobile)||this.util.isNull(this.form.address))this.util.toast("请填写所有信息");else if(this.util.isNull(this.form.mobile)||n.$u.test.mobile(this.form.mobile)){var e=this;this.util.request({api:"/api/mobile/user/save",data:this.form,method:"POST",utilSuccess:function(t){console.log(t),e.util.toast("提交成功"),setTimeout((function(){n.navigateTo({url:"/pages/answer/index"})}),1500)},utilFail:function(n){e.util.toast(n)}})}else this.util.toast("请输入正确的手机号")}}};e.default=i}).call(this,t(2)["default"])},175:function(n,e,t){"use strict";t.r(e);var i=t(176),o=t.n(i);for(var u in i)["default"].indexOf(u)<0&&function(n){t.d(e,n,(function(){return i[n]}))}(u);e["default"]=o.a},176:function(n,e,t){}},[[168,"common/runtime","common/vendor"]]]);
+(global["webpackJsonp"]=global["webpackJsonp"]||[]).push([["pages/login/index"],{168:function(n,e,t){"use strict";(function(n,e){var i=t(4);t(26);i(t(25));var o=i(t(169));n.__webpack_require_UNI_MP_PLUGIN__=t,e(o.default)}).call(this,t(1)["default"],t(2)["createPage"])},169:function(n,e,t){"use strict";t.r(e);var i=t(170),o=t(172);for(var u in o)["default"].indexOf(u)<0&&function(n){t.d(e,n,(function(){return o[n]}))}(u);t(175);var r,s=t(33),a=Object(s["default"])(o["default"],i["render"],i["staticRenderFns"],!1,null,"4586967a",null,!1,i["components"],r);a.options.__file="pages/login/index.vue",e["default"]=a.exports},170:function(n,e,t){"use strict";t.r(e);var i=t(171);t.d(e,"render",(function(){return i["render"]})),t.d(e,"staticRenderFns",(function(){return i["staticRenderFns"]})),t.d(e,"recyclableRender",(function(){return i["recyclableRender"]})),t.d(e,"components",(function(){return i["components"]}))},171:function(n,e,t){"use strict";var i;t.r(e),t.d(e,"render",(function(){return o})),t.d(e,"staticRenderFns",(function(){return r})),t.d(e,"recyclableRender",(function(){return u})),t.d(e,"components",(function(){return i}));try{i={uImage:function(){return Promise.all([t.e("common/vendor"),t.e("uni_modules/uview-ui/components/u-image/u-image")]).then(t.bind(null,321))},uInput:function(){return Promise.all([t.e("common/vendor"),t.e("uni_modules/uview-ui/components/u-input/u-input")]).then(t.bind(null,200))},uIcon:function(){return Promise.all([t.e("common/vendor"),t.e("uni_modules/uview-ui/components/u-icon/u-icon")]).then(t.bind(null,208))},uButton:function(){return Promise.all([t.e("common/vendor"),t.e("uni_modules/uview-ui/components/u-button/u-button")]).then(t.bind(null,217))},uPicker:function(){return Promise.all([t.e("common/vendor"),t.e("uni_modules/uview-ui/components/u-picker/u-picker")]).then(t.bind(null,227))}}}catch(s){if(-1===s.message.indexOf("Cannot find module")||-1===s.message.indexOf(".vue"))throw s;console.error(s.message),console.error("1. 排查组件名称拼写是否正确"),console.error("2. 排查组件是否符合 easycom 规范，文档：https://uniapp.dcloud.net.cn/collocation/pages?id=easycom"),console.error("3. 若组件不符合 easycom 规范，需手动引入，并在 components 中注册该组件")}var o=function(){var n=this,e=n.$createElement;n._self._c},u=!1,r=[];o._withStripped=!0},172:function(n,e,t){"use strict";t.r(e);var i=t(173),o=t.n(i);for(var u in i)["default"].indexOf(u)<0&&function(n){t.d(e,n,(function(){return i[n]}))}(u);e["default"]=o.a},173:function(n,e,t){"use strict";(function(n){Object.defineProperty(e,"__esModule",{value:!0}),e.default=void 0;var i={data:function(){return{logintitle:t(342),tip:t(191),partyShow:!1,partyColumns:[],form:{name:"",mobile:"",address:"",department_id:""}}},onLoad:function(){this.getParty()},methods:{getParty:function(){var n=this;this.util.request({api:"/api/mobile/quiz/get-departments",data:this.form,method:"GET",utilSuccess:function(e){var t=[];e.map((function(n){t.push(n.name)})),n.partyColumns.push(e)},utilFail:function(e){n.util.toast(e)}})},openPicker:function(){n.hideKeyboard(),this.partyShow=!0},confirmParty:function(n){console.log(n),n&&(this.form.address=n.value[0].name,this.form.department_id=n.value[0].id,this.partyShow=!1)},cancelParty:function(){this.partyShow=!1},submit:function(){if(this.util.isNull(this.form.name)||this.util.isNull(this.form.mobile)||this.util.isNull(this.form.address))this.util.toast("请填写所有信息");else if(this.util.isNull(this.form.mobile)||n.$u.test.mobile(this.form.mobile)){var e=this;this.util.request({api:"/api/mobile/user/save",data:this.form,method:"POST",utilSuccess:function(t){console.log(t),e.util.toast("提交成功"),setTimeout((function(){n.navigateTo({url:"/pages/answer/index"})}),1500)},utilFail:function(n){e.util.toast(n)}})}else this.util.toast("请输入正确的手机号")}}};e.default=i}).call(this,t(2)["default"])},175:function(n,e,t){"use strict";t.r(e);var i=t(176),o=t.n(i);for(var u in i)["default"].indexOf(u)<0&&function(n){t.d(e,n,(function(){return i[n]}))}(u);e["default"]=o.a},176:function(n,e,t){}},[[168,"common/runtime","common/vendor"]]]);
 //# sourceMappingURL=../../../.sourcemap/mp-weixin/pages/login/index.js.map

xietang-answer-h5/unpackage/dist/dev/mp-weixin/pages/login/index.wxml

@@ -1 +1 @@
-<view class="wrap data-v-4586967a"><view class="formwrap data-v-4586967a"><view class="logintitle data-v-4586967a"><u-image vue-id="6b4b36ba-1" fade="{{false}}" src="{{logintitle}}" width="586rpx" height="111rpx" class="data-v-4586967a" bind:__l="__l"></u-image><view class="logintitletext data-v-4586967a"><label class="_span data-v-4586967a">答题时间</label><label class="_span data-v-4586967a">3月10日至3月20日</label></view></view><view class="loginform data-v-4586967a"><view class="data-v-4586967a"><u-input bind:input="__e" vue-id="6b4b36ba-2" placeholderStyle="color:#999;font-size:30rpx" placeholder="请输入姓名" border="surround" shape="circle" clearable="{{true}}" value="{{form.name}}" data-event-opts="{{[['^input',[['__set_model',['$0','name','$event',[]],['form']]]]]}}" class="data-v-4586967a" bind:__l="__l"></u-input></view><view class="data-v-4586967a"><u-input bind:input="__e" vue-id="6b4b36ba-3" placeholderStyle="color:#999;font-size:30rpx" placeholder="请输入手机号" border="surround" shape="circle" clearable="{{true}}" value="{{form.mobile}}" data-event-opts="{{[['^input',[['__set_model',['$0','mobile','$event',[]],['form']]]]]}}" class="data-v-4586967a" bind:__l="__l"></u-input></view><view class="data-v-4586967a"><u-input vue-id="6b4b36ba-4" placeholderStyle="color:#999;font-size:30rpx" placeholder="请选择居住地所属党支部" border="surround" shape="circle" clearable="{{true}}" value="{{form.address}}" data-event-opts="{{[['^focus',[['openPicker']]],['^input',[['__set_model',['$0','address','$event',[]],['form']]]]]}}" bind:focus="__e" bind:input="__e" class="data-v-4586967a" bind:__l="__l" vue-slots="{{['suffix']}}"><view slot="suffix" class="data-v-4586967a"><view class="data-v-4586967a">|</view><u-icon vue-id="{{('6b4b36ba-5')+','+('6b4b36ba-4')}}" size="24" name="arrow-down" data-event-opts="{{[['^click',[['openPicker']]]]}}" bind:click="__e" class="data-v-4586967a" bind:__l="__l"></u-icon></view></u-input></view></view><view class="loginbtn data-v-4586967a"><u-button vue-id="6b4b36ba-6" color="#d22425" shape="circle" size="large" text="提   交" type="primary" data-event-opts="{{[['^click',[['submit']]]]}}" bind:click="__e" class="data-v-4586967a" bind:__l="__l"></u-button></view></view><u-picker vue-id="6b4b36ba-7" keyName="name" show="{{partyShow}}" columns="{{partyColumns}}" data-event-opts="{{[['^confirm',[['confirmParty']]],['^cancel',[['cancelParty']]]]}}" bind:confirm="__e" bind:cancel="__e" class="data-v-4586967a" bind:__l="__l"></u-picker></view>
+<view class="wrap data-v-4586967a"><view class="formwrap data-v-4586967a"><view class="logintitle data-v-4586967a"><u-image vue-id="6b4b36ba-1" fade="{{false}}" src="{{logintitle}}" width="586rpx" height="111rpx" class="data-v-4586967a" bind:__l="__l"></u-image><view class="logintitletext data-v-4586967a"><label class="_span data-v-4586967a">答题时间</label><label class="_span data-v-4586967a">3月10日至3月20日</label></view></view><view class="loginform data-v-4586967a"><view class="data-v-4586967a"><u-input bind:input="__e" vue-id="6b4b36ba-2" placeholderStyle="color:#999;font-size:30rpx" placeholder="请输入姓名" border="surround" shape="circle" clearable="{{true}}" value="{{form.name}}" data-event-opts="{{[['^input',[['__set_model',['$0','name','$event',[]],['form']]]]]}}" class="data-v-4586967a" bind:__l="__l"></u-input></view><view class="data-v-4586967a"><u-input bind:input="__e" vue-id="6b4b36ba-3" placeholderStyle="color:#999;font-size:30rpx" placeholder="请输入手机号" border="surround" shape="circle" clearable="{{true}}" value="{{form.mobile}}" data-event-opts="{{[['^input',[['__set_model',['$0','mobile','$event',[]],['form']]]]]}}" class="data-v-4586967a" bind:__l="__l"></u-input></view><view class="data-v-4586967a"><u-input vue-id="6b4b36ba-4" placeholderStyle="color:#999;font-size:30rpx" placeholder="请选择居住地所属党支部" border="surround" shape="circle" clearable="{{true}}" value="{{form.address}}" data-event-opts="{{[['^focus',[['openPicker']]],['^input',[['__set_model',['$0','address','$event',[]],['form']]]]]}}" bind:focus="__e" bind:input="__e" class="data-v-4586967a" bind:__l="__l" vue-slots="{{['suffix']}}"><view slot="suffix" class="data-v-4586967a"><view class="data-v-4586967a">|</view><u-icon vue-id="{{('6b4b36ba-5')+','+('6b4b36ba-4')}}" size="24" name="arrow-down" data-event-opts="{{[['^click',[['openPicker']]]]}}" bind:click="__e" class="data-v-4586967a" bind:__l="__l"></u-icon></view></u-input></view></view><view class="loginbtn data-v-4586967a"><u-button vue-id="6b4b36ba-6" color="#d22425" shape="circle" size="large" text="提   交" type="primary" data-event-opts="{{[['^click',[['submit']]]]}}" bind:click="__e" class="data-v-4586967a" bind:__l="__l"></u-button><u-image vue-id="6b4b36ba-7" fade="{{false}}" src="{{tip}}" width="141rpx" height="28rpx" class="data-v-4586967a" bind:__l="__l"></u-image></view></view><u-picker vue-id="6b4b36ba-8" keyName="name" show="{{partyShow}}" columns="{{partyColumns}}" data-event-opts="{{[['^confirm',[['confirmParty']]],['^cancel',[['cancelParty']]]]}}" bind:confirm="__e" bind:cancel="__e" class="data-v-4586967a" bind:__l="__l"></u-picker></view>

xietang-answer-h5/unpackage/dist/dev/mp-weixin/pages/login/index.wxss

@@ -64,4 +64,10 @@ page.data-v-4586967a {
 	padding:20rpx 30rpx;
 	padding-top:0;
 }
+.data-v-4586967a .loginbtn .u-image{
+	margin:30rpx auto;
+}
+.data-v-4586967a .loginbtn .u-button--circle{
+	box-shadow: 0px 0px 20px -5px #d22425;
+}