<!DOCTYPE html>
<html>
<head>
<title>我要报名</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- loading mui -->
<link rel="stylesheet" type="text/css" href="css/mui.min.css">
<!-- custorm style -->
<link rel="stylesheet" type="text/css" href="css/style.css">
<!-- 自定义样式 -->
<style type="text/css">
.mui-preview-image.mui-fullscreen {
position: fixed;
z-index: 20;
background-color: #000;
}
.mui-preview-header,
.mui-preview-footer {
position: absolute;
width: 100%;
left: 0;
z-index: 10;
}
.mui-preview-header {
height: 44px;
top: 0;
}
.mui-preview-footer {
height: 50px;
bottom: 0px;
}
.mui-preview-header .mui-preview-indicator {
display: block;
line-height: 25px;
color: #fff;
text-align: center;
margin: 15px auto 4;
width: 70px;
background-color: rgba(0, 0, 0, 0.4);
border-radius: 12px;
font-size: 16px;
}
.mui-preview-image {
display: none;
-webkit-animation-duration: 0.5s;
animation-duration: 0.5s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.mui-preview-image.mui-preview-in {
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
}
.mui-preview-image.mui-preview-out {
background: none;
-webkit-animation-name: fadeOut;
animation-name: fadeOut;
}
.mui-preview-image.mui-preview-out .mui-preview-header,
.mui-preview-image.mui-preview-out .mui-preview-footer {
display: none;
}
.mui-zoom-scroller {
position: absolute;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
justify-content: center;
left: 0;
right: 0;
bottom: 0;
top: 0;
width: 100%;
height: 100%;
margin: 0;
-webkit-backface-visibility: hidden;
}
.mui-zoom {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.mui-slider .mui-slider-group .mui-slider-item img {
width: auto;
height: auto;
max-width: 100%;
max-height: 100%;
}
.mui-android-4-1 .mui-slider .mui-slider-group .mui-slider-item img {
width: 100%;
}
.mui-android-4-1 .mui-slider.mui-preview-image .mui-slider-group .mui-slider-item {
display: inline-table;
}
.mui-android-4-1 .mui-slider.mui-preview-image .mui-zoom-scroller img {
display: table-cell;
vertical-align: middle;
}
.mui-preview-loading {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
display: none;
}
.mui-preview-loading.mui-active {
display: block;
}
.mui-preview-loading .mui-spinner-white {
position: absolute;
top: 50%;
left: 50%;
margin-left: -25px;
margin-top: -25px;
height: 50px;
width: 50px;
}
.mui-preview-image img.mui-transitioning {
-webkit-transition: -webkit-transform 0.5s ease, opacity 0.5s ease;
transition: transform 0.5s ease, opacity 0.5s ease;
}
@-webkit-keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-webkit-keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
img {
max-width: 100%;
height: auto;
}
</style>
</head>
<body>
<!-- 导航栏 -->
<header id="header" class="mui-bar mui-bar-nav">
<h1 class="mui-title">广东省轻工职业技术学校</h1>
<a class="mui-action-back mui-btn mui-btn-blue mui-btn-link mui-btn-nav mui-pull-left" href="javascript:history.go(-1)"><span class="mui-icon mui-icon-left-nav"></span></a>
<a class="mui-icon mui-icon-bars mui-pull-right" href="#topPopover"></a>
</header>
<!-- 右上角弹出菜单 -->
<div id="topPopover" class="mui-popover">
<div class="mui-popover-arrow"></div>
<div class="mui-scroll-wrapper">
<div class="mui-scroll">
<ul class="mui-table-view">
<li class="mui-table-view-cell">
<a href="query.html">我要查询</a>
</li>
<li class="mui-table-view-cell"><a href="vote.html">我要投票</a>
</li>
<li class="mui-table-view-cell"><a href="rate.html">我要评价</a>
</li>
<li class="mui-table-view-cell"><a href="enroll.html">我要报名</a>
</li>
<li class="mui-table-view-cell"><a href="payment.html">我要缴费</a>
</li>
<li class="mui-table-view-cell"><a href="personCenter.html">个人中心</a>
</li>
</ul>
</div>
</div>
</div>
</div>
<!-- 主内容部分 -->
<div class="content">
<section class="xueqi">
<div class="class">
<label id="classResult">报名</label>
</div>
</section>
<section class="enroll">
<h5>请看下面的图片并提交您的联系方式</h5>
<img src="img/enroll.png" data-preview-src data-preview-group="1">
<form class="mui-input-group">
<div class="mui-input-row">
<label>姓名</label>
<input type="text" class="mui-input-clear" placeholder="请输入您的名字" data-input-clear="5"><span class="mui-icon mui-icon-clear mui-hidden"></span>
</div>
<div class="mui-input-row">
<label>年龄</label>
<input type="number" class="mui-input-clear" placeholder="请输入您的年龄" data-input-clear="5"><span class="mui-icon mui-icon-clear mui-hidden"></span>
</div>
<div class="mui-input-row">
<label>电话</label>
<input type="number" class="mui-input-clear" placeholder="请输入您的联系方式" data-input-clear="5"><span class="mui-icon mui-icon-clear mui-hidden"></span>
</div>
<div class="mui-button-row">
<button type="button" class="mui-btn mui-btn-primary" onclick="return false;">提交</button>
<button type="button" class="mui-btn mui-btn-danger" onclick="return false;">取消</button>
</div>
</form>
</section>
</div>
<!-- loading mui.min.js -->
<script type="text/javascript" src="js/mui.min.js"></script>
<!-- loading mui.zoom.js -->
<script type="text/javascript" src="js/mui.zoom.js"></script>
<!-- loading mui.previewimage -->
<script type="text/javascript" src="js/mui.previewimage.js"></script>
<script>
mui.previewImage();
</script>
<div id="__MUI_PREVIEWIMAGE" class="mui-slider mui-preview-image mui-fullscreen">
<div class="mui-preview-header">
<span class="mui-preview-indicator"></span>
</div>
<div class="mui-slider-group"></div>
<div class="mui-preview-footer mui-hidden"></div>
<div class="mui-preview-loading">
<span class="mui-spinner mui-spinner-white"></span>
</div>
</div>
</body>
</html>
没有合适的资源?快使用搜索试试~ 我知道了~
学生课程管理系统手机微信页面模板.zip
共62个文件
html:21个
png:12个
jpg:12个
0 下载量 131 浏览量
2024-04-17
04:02:12
上传
评论
收藏 3.16MB ZIP 举报
温馨提示
【项目资源】:包含前端、后端、移动开发、操作系统、人工智能、物联网、信息化管理、数据库、硬件开发、大数据、课程资源、音视频、网站开发等各种技术项目的源码。包括STM32、ESP8266、PHP、QT、Linux、iOS、C++、Java、python、web、C#、EDA、proteus、RTOS等项目的源码。【项目质量】:所有源码都经过严格测试,可以直接运行。功能在确认正常工作后才上传。【适用人群】:适用于希望学习不同技术领域的小白或进阶学习者。可作为毕设项目、课程设计、大作业、工程实训或初期项目立项。【附加价值】:项目具有较高的学习借鉴价值,也可直接拿来修改复刻。对于有一定基础或热衷于研究的人来说,可以在这些基础代码上进行修改和扩展,实现其他功能。【沟通交流】:有任何使用上的问题,欢迎随时与博主沟通,博主会及时解答。鼓励下载和使用,并欢迎大家互相学习,共同进步。
资源推荐
资源详情
资源评论
收起资源包目录
学生课程管理系统手机微信页面模板.zip (62个子文件)
timetable.html 3KB
dianfeichaxun.html 2KB
enroll.html 7KB
payment.html 3KB
query_classroom.html 2KB
vote.html 3KB
payment_sub.html 2KB
teacherCenter.html 3KB
js
mui.picker.min.js 16KB
class-data.js 428B
mui.poppicker.js 4KB
jquery-1.12.1.min.js 95KB
mui.zoom.js 11KB
mui.js 224KB
mui.min.js 110KB
mui.previewimage.js 13KB
time-data.js 4KB
query_score.html 2KB
timetable_new.html 5KB
personCenter.html 3KB
UI_pic
4.pic.jpg 234KB
7.pic.jpg 68KB
3.pic.jpg 196KB
5.pic.jpg 208KB
10.pic.jpg 84KB
2.pic.jpg 196KB
8.pic.jpg 55KB
9.pic.jpg 63KB
6.pic.jpg 236KB
teacher_timetable.html 6KB
rate.html 3KB
img
timg.jpeg 24KB
electricity.png 1KB
chengji.png 1.38MB
school.png 4KB
local_img.jpg 270KB
classroom.png 2KB
timetable.png 36KB
book.png 3KB
room.png 4KB
exit.png 2KB
enroll.png 389KB
andy.jpg 78KB
dianfei.png 1KB
jacky.jpg 73KB
keshi.png 3KB
bukao.png 3KB
user_bind.html 4KB
keshichaxun.html 5KB
css
style.css 7KB
mui.min.css 72KB
style.css.map 5KB
mui.css 92KB
mui.picker.min.css 5KB
mui.poppicker.css 1KB
rate_sub.html 5KB
index.html 3KB
teacherSalary.html 3KB
query_dianfei.html 2KB
query_keshi.html 2KB
fonts
mui.ttf 29KB
chengjichaxun.html 3KB
共 62 条
- 1
资源评论
小肥羊k
- 粉丝: 1297
- 资源: 1万+
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功