|
|
|
@ -61,7 +61,6 @@
|
|
|
|
|
border: 1px solid #E73A30;
|
|
|
|
|
background-color: #E73A30;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
</style>
|
|
|
|
|
</head>
|
|
|
|
|
|
|
|
|
@ -111,32 +110,20 @@
|
|
|
|
|
<h1 class="mui-title">党史党建知识问答</h1>
|
|
|
|
|
</header>
|
|
|
|
|
<div class="mui-content mui-scroll-wrapper">
|
|
|
|
|
<div class="mui-card">
|
|
|
|
|
<div class="mui-card-header" style="font-size:18px">1921年7月23日至8月初,中国共产党第一次全国代表大会先后在(      )召开。</div>
|
|
|
|
|
<div class="mui-card" id="examinfo"></div>
|
|
|
|
|
<script id="myTemplate" type="text/x-jsrender">
|
|
|
|
|
<div class="mui-card-header" style="font-size:18px">{{:content}}</div>
|
|
|
|
|
<div class="mui-card-content" style="font-size:16px">
|
|
|
|
|
<div class="mui-card-content-inner">
|
|
|
|
|
<form class="mui-input-group">
|
|
|
|
|
<div class="mui-input-row mui-checkbox mui-left">
|
|
|
|
|
<label>A.上海、天津</label>
|
|
|
|
|
<input name="checkbox" value="Item 1" type="checkbox">
|
|
|
|
|
</div>
|
|
|
|
|
<div class="mui-input-row mui-checkbox mui-left">
|
|
|
|
|
<label>B.上海、嘉兴</label>
|
|
|
|
|
<input name="checkbox" value="Item 2" type="checkbox">
|
|
|
|
|
</div>
|
|
|
|
|
<div class="mui-input-row mui-checkbox mui-left">
|
|
|
|
|
<label>C.北京、上海</label>
|
|
|
|
|
<input name="checkbox" value="Item 2" type="checkbox">
|
|
|
|
|
</div>
|
|
|
|
|
<div class="mui-input-row mui-checkbox mui-left">
|
|
|
|
|
<label>D.北京、天津</label>
|
|
|
|
|
<input name="checkbox" value="Item 2" type="checkbox">
|
|
|
|
|
</div>
|
|
|
|
|
</form>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="mui-card-content-inner mui-input-group">
|
|
|
|
|
{{for xuanxiang}}
|
|
|
|
|
<div class="mui-input-row mui-checkbox mui-left">
|
|
|
|
|
<label>{{:key}}. {{:value}}</label>
|
|
|
|
|
<input name="checkbox" value="{{:key}}" type="checkbox">
|
|
|
|
|
</div>
|
|
|
|
|
{{/for}}
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
</script>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<nav class="mui-bar mui-bar-tab">
|
|
|
|
@ -160,28 +147,55 @@
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<script src="../js/jquery.min.js"></script>
|
|
|
|
|
<script src="../js/mui.min.js"></script>
|
|
|
|
|
<script src="../js/jsrender.min.js"></script>
|
|
|
|
|
<script>
|
|
|
|
|
// 右上角增加提交按钮
|
|
|
|
|
var header = document.getElementById("header");
|
|
|
|
|
var submitBtn = document.createElement('button');
|
|
|
|
|
submitBtn.className = 'mui-btn mui-btn-blue mui-btn-link mui-pull-right';
|
|
|
|
|
submitBtn.innerText = '提交';
|
|
|
|
|
header.appendChild(submitBtn);
|
|
|
|
|
submitBtn.addEventListener('tap', function () {
|
|
|
|
|
offCanvasWrapper.offCanvas('show');
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
var offCanvasWrapper = mui('#offCanvasWrapper');
|
|
|
|
|
|
|
|
|
|
document.getElementById('showMenu').addEventListener('tap', function () {
|
|
|
|
|
offCanvasWrapper.offCanvas('show');
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
document.getElementById('offCanvasHide').addEventListener('tap', function () {
|
|
|
|
|
offCanvasWrapper.offCanvas('close');
|
|
|
|
|
|
|
|
|
|
$(function () {
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
getExamInfo(2);
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// 右上角增加提交按钮
|
|
|
|
|
var header = document.getElementById("header");
|
|
|
|
|
var submitBtn = document.createElement('button');
|
|
|
|
|
submitBtn.className = 'mui-btn mui-btn-blue mui-btn-link mui-pull-right';
|
|
|
|
|
submitBtn.innerText = '提交';
|
|
|
|
|
header.appendChild(submitBtn);
|
|
|
|
|
submitBtn.addEventListener('tap', function () {
|
|
|
|
|
offCanvasWrapper.offCanvas('show');
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
// 侧边栏对象
|
|
|
|
|
var offCanvasWrapper = mui('#offCanvasWrapper');
|
|
|
|
|
document.getElementById('showMenu').addEventListener('tap', function () {
|
|
|
|
|
offCanvasWrapper.offCanvas('show');
|
|
|
|
|
});
|
|
|
|
|
document.getElementById('offCanvasHide').addEventListener('tap', function () {
|
|
|
|
|
offCanvasWrapper.offCanvas('close');
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
function getExamInfo(orderId) {
|
|
|
|
|
$.ajax({
|
|
|
|
|
url: "/FengHuang/exam/getQuestion?order_id=" + orderId,
|
|
|
|
|
async: false,
|
|
|
|
|
type: 'GET',
|
|
|
|
|
success: function (res) {
|
|
|
|
|
var template = $.templates('#myTemplate');
|
|
|
|
|
var htmlOutput = template.render(res);
|
|
|
|
|
$('#examinfo').html(htmlOutput);
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|