<!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>
【kk梦空间】学生课程管理系统手机微信页面模板.zip
182 浏览量
2024-04-04
01:57:33
上传
评论
收藏 3.16MB ZIP 举报
【kk梦空间】学生课程管理系统手机微信页面模板.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资源评论
