<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>电子答题卡</title> <link rel="stylesheet" href="css/answer_card.css"> </head> <body > <div v-cloak class="answerCard" id="answerCard"> <div class="choicetype clearfix"> <div class="addtype"> <span>添加题型</span> <a v-for="(item,index) in classData" v-on:click="clicktype(item,index)" href="#"> +{{item.radiotopic}} </a> </div> </div> <div class="questiontype" v-for="(item,index) in newData"> <div class="question " v-bind:class="addClassState(item)"> <div class="title clearfix" v-on:click="isOpne(item,index)"> <div class="sort"> <em>题型排序</em> <span><i class="up" v-bind:class="{noup: index==newData.length-1}" v-on:click.stop="upClick(item,index)"></i><i class="down" v-bind:class="{nodown: index==0}" v-on:click.stop="downClick(item,index)"></i><a href="javascript:void(0)" class="del" v-on:click.stop="delClick(item,index)"></a></span> </div> </div> <component :is="curComponentFn(item)" :key="item.guid" v-bind:oitem="item" v-bind:class="{open:activeOpen==index}" v-bind:onewdata="newData" v-bind:oindex="index" ></component> </div> </div> </div> <script type="text/javascript" src="js/lib/jquery.min.js"></script> <script type="text/javascript" src="js/lib/es6-promise.auto.min.js"></script> <script type="text/javascript" src="js/lib/axios.min.js"></script> <script type="text/javascript" src="js/lib/vue.min.js"></script> <script type="text/javascript" src="js/base.js"></script> <script type="text/javascript" src="js/app/testKey.js"></script> </body> </html>
相关文章：