增加icon,修改样式

This commit is contained in:
caishi 2017-07-28 16:53:44 +08:00
parent 81b74c879a
commit a506fd76ca
3 changed files with 17 additions and 7 deletions

View File

@ -28,9 +28,9 @@
<% @challenge.challenge_questions.each_with_index do |question, index| %>
<li class="clearfix mb10">
<label class="panel-form-label fl"><span class="mr10"><%= (question.position+ 65).chr %>.</span></label>
<div class="fl task-bg-grey panel-box-sizing panel-form-width-690">
<input type="checkbox" name="select_more[]" value="" class="ml-3 mr5 magic-checkbox" <%= question.right_key ? "checked" : "" %>>
<label style="top:0px"><%= question.option_name %></label>
<div class="fl panel-box-sizing panel-form-width-690 <%= question.right_key ? 'background-blue color_white' : 'task-bg-grey' %>">
<!--<input type="checkbox" name="select_more[]" value="" class="ml-3 mr5 magic-checkbox" >-->
<label><%= question.option_name %></label>
</div>
</li>
<% end %>
@ -40,9 +40,9 @@
<% @challenge.challenge_questions.each_with_index do |question, index| %>
<li class="clearfix mb10">
<label class="panel-form-label fl"><span class="mr10"><%= (question.position+ 65).chr %>.</span></label>
<div class="fl task-bg-grey panel-box-sizing panel-form-width-690">
<input name="select_single[]" value="" type="radio" class="ml-3 mr5 magic-radio" <%= question.right_key ? "checked" : "" %> >
<label style="top:0px"><%= question.option_name %></label>
<div class="fl panel-box-sizing panel-form-width-690 <%= question.right_key ? 'background-blue color_white' : 'task-bg-grey' %>">
<!--<input name="select_single[]" value="" type="radio" class="ml-3 mr5 magic-radio" >-->
<label><%= question.option_name %></label>
</div>
</li>
<% end %>

View File

@ -158,6 +158,14 @@
}
}
}
$("#current-option").html("");
if($(".check-option-bg").length>0){
for(var i=0;i<$(".check-option-bg").length;i++){
$("#current-option").html($("#current-option").html()+$(".check-option-bg").eq(i).html());
}
}else{
$("#current-option").html("请点击正确选项");
}
});
});
//设置选项答案

View File

@ -342,4 +342,6 @@ input::-ms-clear{display:none;}
.mh390{min-height: 390px}
/*---------------橙色虚线边框-----------------*/
.border-dash-orange{border: 1px dashed #ffbfaa}
.border-dash-orange{border: 1px dashed #ffbfaa}
/*---------------蓝色背景-----------------*/
.background-blue{background:#5ECFBA!important;}