欢迎您的到来!     
注册用户 [请登录]      新用户 [免费注册]     
网站首页 电子教程 视频教程 在线题库 毕业设计作品 疑难解答 毕设文档
分类
毕业设计
毕设相关资料  
移动开发
WEBAPP   微信小程序  
数据库
SQL   MySQL  
后端开发
ASP   PHP   JSP   NET   Python  
前端JS
JavaScript   jQuery   Vue.js   React.JS   AngularJS  
前端界面
HTML   CSS   Bootstrap  
毕业设计
小程序毕设   Java毕设   PHP毕设  
 文章详情:微信小程序在线考试系统 刷题小程序 毕业设计(5) 答题卡

【套餐】微信小程序在线考试系统  毕业设计

源代码下载地址:https://ke.qq.com/course/package/28113?tuin=2b10d56

有需要的请添加QQ 45157718(微信同号) 咨询

image.png



wxml代码

<!--pages/tiku/kaoshi.wxml-->
<view class="biaoti">当前考试答题卡:HTML入门测试</view>
<view class="yanse">
    <view class="yanse_lvse">
        <view  class="yanse_lvse1">序号</view>
        <view  class="yanse_lvse2">已经答题</view>    
    </view>
    <view class="yanse_huise">
        <view  class="yanse_huise1">序号</view>
        <view  class="yanse_huise2">没有答题</view>
    </view>
</view>
<view class="timu">
    <navigator class="timu_xuhao timu_yida" url="/pages/shipin/index2" >1</navigator>
    <navigator class="timu_xuhao timu_yida" url="/pages/shipin/index2" >2</navigator>
    <navigator class="timu_xuhao timu_yida" url="/pages/shipin/index2" >3</navigator>
    <navigator class="timu_xuhao timu_yida" url="/pages/shipin/index2" >4</navigator>
    <navigator class="timu_xuhao timu_yida" url="/pages/shipin/index2" >5</navigator>
    <navigator class="timu_xuhao timu_yida" url="/pages/shipin/index2" >6</navigator>
    <navigator class="timu_xuhao timu_yida" url="/pages/shipin/index2" >7</navigator>
    <navigator class="timu_xuhao timu_yida" url="/pages/shipin/index2" >8</navigator>
    <navigator class="timu_xuhao timu_yida" url="/pages/shipin/index2" >9</navigator>
    <navigator class="timu_xuhao timu_yida" url="/pages/shipin/index2" >10</navigator>
    <navigator class="timu_xuhao" url="/pages/shipin/index2" >11</navigator>        
    <navigator class="timu_xuhao" url="/pages/shipin/index2" >12</navigator>
    <navigator class="timu_xuhao" url="/pages/shipin/index2" >13</navigator>   
    <navigator class="timu_xuhao" url="/pages/shipin/index2" >14</navigator> 
    <navigator class="timu_xuhao" url="/pages/shipin/index2" >15</navigator> 
    <navigator class="timu_xuhao" url="/pages/shipin/index2" >16</navigator> 
    <navigator class="timu_xuhao" url="/pages/shipin/index2" >17</navigator> 
    <navigator class="timu_xuhao" url="/pages/shipin/index2" >18</navigator> 
    <navigator class="timu_xuhao" url="/pages/shipin/index2" >19</navigator>     
</view>
<view class="caidan">
    <navigator class="caidan_shouye" url="/pages/index/index" open-type="switchTab">
        <image class="caidan_shouye_tu" src="/img/sp01.png"></image>
        <view  class="caidan_shouye_wenzi">首页</view>
    </navigator>
    <navigator  class="caidan_shoucang" url="/pages/tiku/kaoshi">
        <image class="caidan_shoucang_tu" src="/img/e-off.png"></image>
        <view class="caidan_shoucang_wenzi">返回考试</view>
    </navigator>
    <view class="caidan_goumai">提交试卷</view>
</view>

wxss代码

/* pages/tiku/kaoshi.wxss */
.biaoti{font-size: 16px; padding:10px; background-color: #f2f2f2; text-align: center;color: rgb(10, 149, 236);
    box-sizing: border-box; text-shadow: 1px 1px 2px gainsboro;}
.yanse{padding: 5px; display: flex;  border-bottom: 1px dotted gainsboro; }
.yanse_lvse{padding: 5px; width: 50%; box-sizing: border-box; display: flex;align-items: center; width: 100%;}
.yanse_lvse1{background-color: green;width:50%;  text-align: center;color: white;}
.yanse_lvse2{color: green; padding-left: 10px;}
.yanse_huise{padding: 5px;width: 50%;box-sizing: border-box; display: flex;align-items: center;width: 100%;}
.yanse_huise1{background-color:#f2f2f2 ;width:50%; text-align: center;}
.yanse_huise2{color: gray;padding-left: 10px;}
.timu{
    display: flex; 
    flex-wrap: wrap;
    font-size: 14px;
    padding: 10px;
    box-sizing: border-box;
}
.timu_xuhao{
    width: 25%;padding: 5px;box-sizing: border-box;font-size: 16px;text-align: center;
    background-color:#f2f2f2;border-radius: 5px;border:5px solid white;
}
.timu_yida{background-color: green; color: white;}
.caidan{
    height: 45px;background-color: white; display: flex;
    position: fixed; bottom: 0; width: 100%; 
    font-size: 15px; color: gray; text-align: center;border-top: 1px solid gainsboro;
  }
  .caidan_shouye{width: 25%; display: flex; flex-direction: column;justify-content: center; align-items: center;border-right: 1px solid gainsboro;}
  .caidan_shouye_tu{width: 20px;height: 20px;}
  .caidan_shouye_wenzi{}
  .caidan_shoucang{width: 25%;display: flex; flex-direction: column;justify-content: center; align-items: center;}
  .caidan_shoucang_tu{width: 16px;height: 16px;}
  .caidan_shoucang_wenzi{}
  .caidan_goumai{width: 50%;line-height: 45px; background-color: orangered; color: white;line-height: 45px; text-align: center;}



有需要的请添加QQ 45157718(微信同号) 咨询


上一篇: 微信小程序在线考试系统 刷题小程序 毕业设计(4) 考试页面 下一篇: 微信小程序在线考试系统 刷题小程序 毕业设计(6) 用户注册


第一步:学习免费电子文档;   第二步:在线测试考试;   第三步:选择收费视频学习;   第四步:学习技术文章和疑难解答.
友情链接: 网页模板下载  |   微信小程序中文网  |   计算机毕业设计作品网  |   洪荒毕业设计网  |   小白教程网  |   毕业设计资料网  |  
浙ICP备18013434号-3 Copyright ©2020 小白教程网 www.2d5.net (QQ交流群:147415688). Technical support/技术支持:杭州摇亿网络科技