在线考试系统微信小程序的实现（一）
首页需要一个轮播图（放点心灵鸡汤），再着是一个长条里面包含有当前日期和答题大致情况。然后是答题的几个科目，点击进入对应的科目答题。底部一个导航栏，测试及复习两个栏，测试显示的页面即为上述页面，复习的界面后面再说。
首先完成静态页面的布局，再考虑逻辑。由于是边看前端教程和其他类型小程序的实战视频，所以做起来不熟练，会碰到问题，在这里记录下。
这是已经做好的，轮播图去文档找现成的代码，换下图片，调整下就ok;
底部的tabbar也蛮容易，也有文档。
中间部分就需要注意几个view的层次啊，间距啊，排布什么的。下面记录下实践过程中才知道的。
今日刷题部分是由6个view组成的，总的占整个父view的65%，分布时把每个view的宽设成父view的⅓，高½，再设置弹性方位是row，即flex-direction:row; 然后flex-wrap:wrap; 是可以换行就可以了。
下面的答题入口部分，只有前面两个选项有下边框，这个只需要给第三个view设置一个ID，在给该ID选择器设置下无边框就好，ID选择器的权重最大噻。
这部分也是嵌套了盒子，然后先开始出了好多毛病，就是没达到预期效果，我也忘记记录具体问题了，反正最后写的也没啥难度，没啥特殊的，就是那个图片icon我还没想到/查到比较好的方法按比例缩小显示，我是直接定义了大小了，然后定义了外边距，让文字左浮动显得整齐。
也没啥好写的了，叽哩哇啦弄了好久，最后出来的确实不难，嗨呀 = = 下面的页面就好写了，主要是事件难写啊，到时候页面的元素肯定也会有变化，继续看吧~
在线考试系统微信小程序的实现（一）相关推荐
- 同名在线查询系统微信小程序源码下载支持多种流量主
这是一款支持查询同名的一款微信小程序 该款小程序支持多种查询模式 重名查询,热度查询,概率查询 有点不好的就是该款小程序的接口好像带了个二维码因为在接口上面所以去不掉 如果不介意的话这款小程序还是很好 ...
- java基于微信小程序的在线考试系统 uniapp 小程序
随着我国经济迅速发展,人们对手机的需求越来越大,各种手机软件也都在被广泛应用,但是对于手机进行数据信息管理,对于手机的各种软件也是备受学生的喜爱,微信在线考试系统被学生普遍使用,为方便学生能够可以随时 ...
- 计算机毕业设计 在线免费小说微信小程序（源码+论文）
文章目录 0 项目说明 1 系统介绍 1.1 业务层面 1.2 产品层面 1.3 技术层面 2 项目运行 3 项目截图 3.1 小程序 3.2 后台管理系统 3.3 论文概览 0 项目说明 在线免费小 ...
- php考勤系统微信小程序
下载地址:https://mp.csdn.net/mp_download/manage/download/UpDetailed 项目介绍 php考勤系统微信小程序 系统说明 考勤小程序,通俗来讲&qu ...
- 【毕业设计_课程设计】在线免费小说微信小程序的设计与实现（源码+论文）
文章目录 0 项目说明 1 系统介绍 1.1 业务层面 1.2 产品层面 1.3 技术层面 2 项目运行 3 项目截图 3.1 小程序 3.2 后台管理系统 3.3 论文概览 4 项目源码 0 项目说 ...
- 山东大学项目实训——地图圈系统——微信小程序（18）
地图圈系统--微信小程序(18) 一.轨迹记录功能 二.项目代码 三.效果展示 一.轨迹记录功能 轨迹记录功能的实现思路相对简单,设置一个定时器,每隔1s获取一下当前位置,将当前的经纬度坐标加入到数组 ...
- 音频视频点播收费在线观看系统网站小程序app开发建设
这是音频视频点播收费在线观看系统网站小程序app开发建设 可以支持网站,小程序,app等平台 基于think PHP开发的课程点播,包含音视频.图文课程 代码开源,支持任意二开 功能 音视频分组管理 ...
- python flask实战订餐系统微信小程序-60nginx + uwsgi 实现多进程访问
python flask实战订餐系统微信小程序-60nginx + uwsgi 实现多进程访问 B站配套视频教程观看 uwsgi多进程配置 uwsgi.ini配置 nginx和uwsgi通过配置文件s ...
- 山东大学项目实训——地图圈系统——微信小程序（16）
地图圈系统--微信小程序(16) 一.社区功能 二.项目代码 三.效果展示 一.社区功能 这次项目实训的社区功能是一个很大的模块,包括显示用户发布的文字及图片.用户选择的地点.发布的时间.点赞.评论等 ...
- 山东大学项目实训——地图圈系统——微信小程序（17）
地图圈系统--微信小程序(17) 一.社区附加功能 二.项目代码 三.效果展示 一.社区附加功能 在上次社区功能的基础上,我增加了几个附加功能,首先点击用户头像可以看到此用户的用户信息,然后点击查看动 ...
最新文章
- GDataXMLNode：xml解析库
- Google总裁：未来互联网要消失！物联网将无处不在。
- tensorflow 测试 cuda 是否安装成功，测试代码环境
- python爬虫反爬机制_浅谈爬虫及绕过网站反爬取机制之Python深度应用
- 一些adb的常用命令
- halcon学习之基于灰度的特征提取
- jsp标签 meta的解释
- 苹果的编程语言--Swift
- 量学云讲堂加密视频提取翻录为mp4工具使用教程
- 前端三大主流框架如何去选择？
- 论坛网站进行帖子保存php,PHPwind论坛专用采集器
- odroid xu4安装ROS melodic+远程登录+Roboware 开发
- RoundedCorners
- 数字图像处理（6）——形态学图像处理
- 团队中的“个人英雄主义”
- vue项目的简体繁体切换
- 深度探索Hyperledger技术与应用之超级账本的典型交易流程
- 有1、2、3、4个数字，能组成多少个互不相同且无重复数字的三位数？
- DNS发生错误导致网页打不开
- 荣耀play4t能升级鸿蒙吗,荣耀30 Pro已开始测试华为鸿蒙HarmonyOS 2.0 荣耀Play4 Pro下月升级...