微信小程序在线考试系统 毕业设计（2）分类
2024-06-08 20:35:46
wxml代码
<view class="qukuai"><view class="qukuai_zuo"></view><view class="qukuai_zhong">前端基础课</view><navigator class="qukuai_you" url="/pages/shipin/index2" >所有考试>></navigator>
</view>
<view class="fenlei"><navigator class="fenlei_list" url="/pages/shipin/index2" >HTMl</navigator><navigator class="fenlei_list" url="/pages/shipin/index2" >CSS</navigator><navigator class="fenlei_list" url="/pages/shipin/index2" >Javascript</navigator><navigator class="fenlei_list" url="/pages/shipin/index2" >其他</navigator>
</view><view class="qukuai"><view class="qukuai_zuo"></view><view class="qukuai_zhong">JS系列课</view><view class="qukuai_you">所有考试>></view>
</view>
<view class="fenlei"><view class="fenlei_list">Vue.js</view><view class="fenlei_list">Uni-app</view><view class="fenlei_list">Javascript</view><view class="fenlei_list">其他</view>
</view><view class="qukuai"><view class="qukuai_zuo"></view><view class="qukuai_zhong">微信小程序</view><view class="qukuai_you">所有考试>></view>
</view>
<view class="fenlei"><view class="fenlei_list">微信小程序</view><view class="fenlei_list">其他</view>
</view><view class="qukuai"><view class="qukuai_zuo"></view><view class="qukuai_zhong">WEB服务器端</view><view class="qukuai_you">所有考试>></view>
</view>
<view class="fenlei"><view class="fenlei_list">ASP</view><view class="fenlei_list">PHP</view><view class="fenlei_list">JAVA</view><view class="fenlei_list">Go语言</view><view class="fenlei_list">Python</view><view class="fenlei_list">其他</view>
</view><view class="qukuai"><view class="qukuai_zuo"></view><view class="qukuai_zhong">数据库</view><view class="qukuai_you">所有考试>></view>
</view>
<view class="fenlei"><view class="fenlei_list">Mysql</view><view class="fenlei_list">Sql Server</view><view class="fenlei_list">其他</view>
</view><view class="qukuai"><view class="qukuai_zuo"></view><view class="qukuai_zhong">移动开发</view><view class="qukuai_you">所有考试>></view>
</view>
<view class="fenlei"><view class="fenlei_list">H5</view><view class="fenlei_list">跨平台开发</view><view class="fenlei_list">微信开发</view><view class="fenlei_list">其他</view>
</view>
wxss代码
/* pages/shu/index.wxss */
.chaxun{background-color:#f2f2f2;display: flex;margin: 5px;padding: 5px;border-radius: 5px;align-items: center;
}
.chaxun_zuo{padding-left: 15px;flex-grow: 1;
}
.chaxun_you{border-radius: 0px;background-color: orange;color: white;border-top-right-radius: 5px;border-bottom-right-radius: 5px;
}.qukuai{display: flex;align-items:center;background-color: #f9f9f9;}
.qukuai_zuo{margin: 5px 10px; width:5px; height:20px; background-color: rgb(13, 163, 233);border-radius: 10px;}
.qukuai_zhong{font-size: 16px; flex-grow: 1;color: rgb(13, 163, 233);}
.qukuai_you{font-size: 16px; color: gray;padding-right: 10px;}.fenlei{display: flex; flex-wrap: wrap;font-size: 14px;
}
.fenlei_list{width: 25%;padding: 10px 0px 10px 10px;box-sizing: border-box;font-size: 16px;
}
微信小程序在线考试系统 毕业设计（2）分类相关推荐
- 微信小程序在线考试系统 毕业设计（6）会员首页
wxml代码 <!--头部信息--> <view class='toubu'><view class='toubu-zuo'><open-data type= ...
- 微信小程序在线考试系统 毕业设计（1）首页
wxml代码 <view><!--广告图片 mode="widthFix" 设定高度随宽度自动变化--><image class="ad01 ...
- 微信小程序在线考试系统 毕业设计（4）在线考试页面
wxml代码 <!--pages/tiku/kaoshi.wxml--><view class="biaoti">当前考试:HTML入门测试</vie ...
- 微信小程序在线考试系统 毕业设计（7）考试记录
wxml代码 <view class="jilu"><view class="jilu_biaoti"> <view class= ...
- 微信小程序在线考试系统 毕业设计（5）答题卡
wxml代码 <!--pages/tiku/kaoshi.wxml--> <view class="biaoti">当前考试答题卡:HTML入门测试< ...
- 微信小程序在线考试系统 毕业设计（3）题库列表
wxml代码 <navigator class="shijuan" url="/pages/tiku/kaoshi"><view class= ...
- 微信小程序在线考试系统+后台管理系统|前后分离VUE
<微信小程序在线考试系统+后台管理系统|前后分离VUE>该项目含有源码.论文等资料.配套开发软件.软件安装教程.项目发布教程等 本系统包含微信小程序前台和Java做的后台管理系统,该后台采 ...
- 精品微信小程序在线考试系统+后台管理系统|前后分离VUE
<微信小程序在线考试系统+后台管理系统|前后分离VUE>该项目含有源码.论文等资料.配套开发软件.软件安装教程.项目发布教程等 本系统包含微信小程序前台和Java做的后台管理系统,该后台采 ...
- [精品毕设]微信小程序在线考试系统+后台管理|前后分离VUE
<微信小程序在线考试系统+后台管理系统|前后分离VUE>该项目含有源码.文档等资料.配套开发软件.软件安装教程.项目发布教程等 本系统包含微信小程序前台和Java做的后台管理系统,该后台采 ...
- 基于微信小程序在线考试系统，利用微信小程序实现在线考试的设想开发，在线答题考试小程序开发分享
传统考试书籍成本高,损耗大,流通慢,淘汰率高.因此认为利用微信小程序的"用完即走,不占内存"的优势,实现在线考试系统,以提高考试资源的使用价值,适应"互联网+" ...
最新文章
- Android5.0录屏方案
- Docker知识4：如何在win10下安装 / 使用ubuntu ？应用WSL2
- lable标签的用途
- input和img图片水平对齐
- c# u盘使用记录_C# 系统应用之通过注册表获取USB使用记录(一)
- 交叉验证 cross validation 与 K-fold Cross Validation K折叠验证
- macos 安装scala_如何在MacOS上安装Scala和Apache Spark
- 【原创】Erlang 之 entop 使用问题
- SpringBoot 配置 注入(@value @ConfigurationProperties)
- 微信小程序开发学习笔记001--认识微信小程序,第一个微信小程序
- SQL Sever — 建表语句，设置种子数量与增量以及设置主键 代码
- 论文笔记_SLAM_An Overview of SLAM
- matlab的yalmip为什么这么慢,Yalmip使用学习
- 【线代】相似矩阵中特征根的求法：特征方程、一般方程为什么求得的特征根含义不同？
- SolidWorks如何提取stp格式装配体中的零件图
- PDF怎么修改，怎么给PDF添加页码
- 金融工程与并行计算：第二章 仿真法在财务工程的使用 Part 2
- 多自由度机械臂运动学正-逆解|空间轨迹规划控制|MATLAB仿真+实际机器调试
- 微信隐藏功能盘点：修复聊天记录
- 速度收藏！史上最全Spring 面试题 92 问！【附答案】高清PDF下载