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

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

有需要的请添加QQ 45157718（微信同号） 咨询

wxml代码

<!--pages/tiku/kaoshi.wxml-->
 <view class="biaoti">当前考试：HTML入门测试</view>
 <view class="timu">
    <view class="timu_xinxi">
        <view class="timu_xinxi1">单选</view>
        <view class="timu_xinxi2">1/20</view>
    </view>
    <view class="timu_neirong">
        在HTML中，使用IMG标签插入图像，下列选项关于IMG的src属性说法正确的是( )
    </view>
 </view>
<radio-group class="xuanxiang">
 <view class="xiangmu">
    <view class="xiangmu_zuo">
        <radio>A 用来设置图片文件的格式</radio>
    </view>
 </view >
 <view class="xiangmu">
    <view class="xiangmu_zuo">
        <radio>B 用来设置图片文件所在的位置 </radio>
    </view>
 </view >
  <view class="xiangmu">
    <view class="xiangmu_zuo">
        <radio>C 用来设置鼠标指向图片时显示的文字</radio>
    </view>
 </view >
  <view class="xiangmu">
    <view class="xiangmu_zuo">
        <radio>D 用来设置图片周围显示的文字</radio>
    </view>
 </view >
 </radio-group>
<view class="caozuo1">
    <view class="caozuo1_shang">
        <button class="caozuo1_shang_bt">上一题</button>
    </view>
    <view class="caozuo1_xia">
        <button class="caozuo1_xia_bt">下一题</button>
    </view>
</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/kaoti_datika">
        <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 */
page{background-color: #f3f3f3;}
.biaoti{font-size: 16px; padding:10px; background-color: white; text-align: center;color: rgb(10, 149, 236);
         box-sizing: border-box; text-shadow: 1px 1px 2px gainsboro;}
.timu{margin: 10px; border-radius: 5px; display: flex; flex-direction: column;background-color: white;}
.timu_xinxi{display: flex; padding: 5px;}
.timu_xinxi1{background-color: rgb(10, 149, 236); border-radius: 5px; width: 4em;text-align: center; padding: 5px; color: white;}
.timu_xinxi2{flex-grow: 1;text-align: right;font-size: 20px; color: rgb(10, 149, 236); padding: 5px;}
.timu_neirong{font-size: 16px; padding: 10px;}
.xuanxiang{padding: 5px;}
.xiangmu{margin: 5px;background-color: white; display: flex; padding: 10px;}
.xiangmu_zuo{color:rgb(10, 149, 236) ;}
.caozuo1{display: flex; padding: 5px;}
.caozuo1_shang{width: 50%;text-align: center;}
.caozuo1_shang_bt{width: 90%; border-radius: 10px; background-color:rgb(10, 149, 236) ; color: white;}
.caozuo1_xia{width: 50%;text-align: center;}
.caozuo1_xia_bt{width: 90%;border-radius: 10px; background-color:rgb(10, 149, 236) ; 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（微信同号） 咨询