手把手教你搭建消防安全答题小程序-答题页
念无与为乐者，就让我手把手教你搭建知识竞答小程序吧。为啥你的UI界面感觉乱？好看的答题考试小程序，实在是太稀缺了。
文章图片
软件架构：微信原生小程序+云开发
戳源码地址，获取源码，版本持续迭代中...
答题页布局
第1 题
共20 题
【单选题】
当灭火人员能够接近火源时，应迅速利用身边的灭火器材灭火，将火势控制在初期低温少烟阶段，使用的火灾扑救方法是（）。
答题页样式
/* pages/test/test.wxss */
page {
background-color: #fff;
}
.page {
padding: 20rpx;
}
.page__bd {
padding: 20rpx;
}
.my-choosebox {
display: block;
margin-bottom: 20rpx;
}
.toindex-btn {
margin-top: 20rpx;
display:inline-block;
line-height:2.3;
font-size:13px;
padding:0 1.34em;
color: red;
float: right;
}
.page .radio-group, .page .checkbox-group {
display: block;
}
答题页效果图
文章图片
【手把手教你搭建消防安全答题小程序-答题页】好了，今天就写到这里。当前版本，先教大家页面布局与样式。下一个迭代会接入云开发，实现完整的答题小程序功能，敬请期待吧。
推荐阅读
- 六步搭建ES6语法环境
- 社会教你顽强，而不是教你失望
- 碎片化阅读，四步教你建立自己的知识体系
- 8种搭配，教你将铅笔裤穿的更有型！
- (1)redis集群原理及搭建与使用(1)
- 桁架搭建有什么价值（）
- VM|VM ware 的 harbor 私有仓库搭建 (Ubuntu16.04)
- PHP开发-Mac搭建ThinkPHP5.0
- Python|Win10下 Python开发环境搭建(PyCharm + Anaconda) && 环境变量配置 && 常用工具安装配置
- sentry搭建错误监控系统（二）