ruoyi
/
RuoYi
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity
RuoYi/ruoyi-cms/src/main/resources/templates/web/index.html

230 lines
6.8 KiB
HTML
Raw Normal View History

cms模块
2019-01-17 22:18:05 +08:00
<!DOCTYPE HTML>
cms模块
2019-01-17 22:18:49 +08:00
<html lang="zh" xmlns:th="http://www.thymeleaf.org">
webCMS课程列表
2019-01-20 21:28:10 +08:00
<head th:fragment="cmsHeader">
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
webCMS课程列表详情展示。视频播放
2019-01-21 01:20:32 +08:00
<title>骏聪信息科技培训考试系统</title>
webCMS课程列表
2019-01-20 21:28:10 +08:00
<meta name="keywords" content="">
<meta name="description" content="">
<link rel="shortcut icon" href="favicon.ico">
<link rel="stylesheet" th:href="@{/web/res/layui/css/layui.css}">
<link rel="stylesheet" th:href="@{/web/res/css/global.css}">
web会员页面
2019-01-21 23:23:17 +08:00
<script th:src="@{/js/jquery.min.js}"></script>
<script th:src="@{/ajax/libs/blockUI/jquery.blockUI.js}"></script>
webCMS课程列表详情展示。视频播放
2019-01-21 01:20:32 +08:00
<script th:src="@{/web/res/layui/layui.js}"></script>
web会员页面
2019-01-21 23:23:17 +08:00
<script th:src="@{/ruoyi/js/common.js}"></script>
<script th:src="@{/ruoyi/js/ry-ui.js}"></script>
<script th:inline="javascript"> var ctx = [[@{/}]]; </script>
<script>
layui.cache.page = '';
layui.cache.user = {};
layui.use('element', function(){
var element = layui.element;
});
</script>
webCMS课程列表
2019-01-20 21:28:10 +08:00
</head>
cms模块
2019-01-17 22:18:05 +08:00
<body>
webCMS课程列表详情展示。视频播放
2019-01-21 01:20:32 +08:00
<style type="text/css">
cms模块
2019-01-17 22:18:05 +08:00
webCMS课程列表详情展示。视频播放
2019-01-21 01:20:32 +08:00
.course{
height: 370px;
border: 1px solid #8a8a8a;
background-color: #ffffff;
}
.title{
margin-top: 20px;
}
.title span{
font-size: 28px;
font-weight: normal;
float: left;
margin-left: 10px;
line-height: 50px;
}
.title em{
display: block;
width: 70px;
height: 24px;
border-bottom: 2px #666 solid;
float: left;
}
.title i{
float: left;
font-size: 20px;
color: #999;
margin-left: 10px;
line-height: 50px;
}
.in01{
background: rgba(0,0,0,0.6);
width: 100%;
line-height: 30px;
height: 30px;
padding: 0px 10px;
bottom: 0;
left: 0;
box-sizing: border-box;
position: relative;
}
.in01 span {
display: block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
font-size: 18px;
color: #fff;
}
.remark{
width: 80%;
margin: 5% 10%;
line-height: 25px;
font-size: 14px;
color: #777;
text-align: left;
}
.remark .title{
height: 50px;
line-height: 25px;
overflow: hidden;
margin: 10px 0;
}
.remark .price{
font-size: 18px;
line-height: 30px;
color: #e91c35;
height: 30px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.remark .free_price{
font-size: 18px;
line-height: 30px;
color: #3ab57f;
height: 30px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.remark .boxbtn01{
margin: 0px 20px 20px;
}
.remark .clearfix{
display: block;
}
.remark .boxbtn01 .btn01{
float: left;
color: #999;
width: 46%;
border: 1px solid #ddd;
}
.remark .boxbtn01 .btn02{
float: right;
background: #0288d1;
color: #fff;
width: 46%;
border: 1px solid #0288d1;
}
.remark .boxbtn01 a{
height: 35px;
line-height: 35px;
text-align: center;
color: #666;
font-size: 14px;
box-sizing: border-box;
border-radius: 30px;
overflow: hidden;
}
</style>
webCMS课程列表
2019-01-20 21:28:10 +08:00
<div class="fly-header layui-bg-black" th:fragment="top">
cms模块
2019-01-17 22:18:05 +08:00
<div class="layui-container">
webCMS课程列表
2019-01-20 21:28:10 +08:00
<a class="fly-logo" th:href="@{/web}">
webCMS课程列表详情展示。视频播放
2019-01-21 01:20:32 +08:00
<img th:src="@{juncong.png}" alt="骏聪" width="100px" height="45px">
cms模块
2019-01-17 22:18:05 +08:00
</a>
<ul class="layui-nav fly-nav layui-hide-xs">
<li class="layui-nav-item layui-this">
webCMS课程列表
2019-01-20 21:28:10 +08:00
<a th:href="@{/web}"><i class="iconfont icon-jiaoliu"></i>课程</a>
cms模块
2019-01-17 22:18:05 +08:00
</li>
<li class="layui-nav-item">
web 考试 练习
2019-01-21 01:19:25 +08:00
<a th:href="@{/web/practice}"><i class="iconfont icon-iconmingxinganli"></i>练习</a>
cms模块
2019-01-17 22:18:05 +08:00
</li>
<li class="layui-nav-item">
web 考试 练习
2019-01-21 01:19:25 +08:00
<a th:href="@{/web/examination}"><i class="iconfont icon-ui"></i>考试</a>
cms模块
2019-01-17 22:18:05 +08:00
</li>
</ul>
webCMS课程列表
2019-01-20 21:28:10 +08:00
cms模块
2019-01-17 22:18:05 +08:00
<ul class="layui-nav fly-nav-user">
webCMS课程列表
2019-01-20 21:28:10 +08:00
cms模块
2019-01-17 22:18:05 +08:00
<!-- 未登入的状态 -->
web会员页面
2019-01-21 23:23:17 +08:00
<li th:if="${user}==null" class="layui-nav-item">
<a class="iconfont icon-touxiang layui-hide-xs" th:href="@{/web/user/login.html}"></a>
cms模块
2019-01-17 22:18:05 +08:00
</li>
web会员页面
2019-01-21 23:23:17 +08:00
<li th:if="${user}==null" class="layui-nav-item">
webCMS课程列表
2019-01-20 21:28:10 +08:00
<a th:href="@{/web/user/login.html}">登入</a>
cms模块
2019-01-17 22:18:05 +08:00
</li>
web会员页面
2019-01-21 23:23:17 +08:00
<li th:if="${user}==null" class="layui-nav-item">
webCMS课程列表
2019-01-20 21:28:10 +08:00
<a th:href="@{/web/user/reg.html}">注册</a>
cms模块
2019-01-17 22:18:05 +08:00
</li>
web会员页面
2019-01-21 23:23:17 +08:00
<!-- 登入后的状态 -->
<li th:if="${user}!=null" class="layui-nav-item">
<a class="fly-nav-avatar" href="javascript:;">
<cite class="layui-hide-xs" th:text="${user.userName}"></cite>
<i class="iconfont icon-renzheng layui-hide-xs" title="认证信息：layui 作者"></i>
<i class="layui-badge fly-badge-vip layui-hide-xs">VIP</i>
<img src="https://tva1.sinaimg.cn/crop.0.0.118.118.180/5db11ff4gw1e77d3nqrv8j203b03cweg.jpg">
</a>
<dl class="layui-nav-child">
<dd><a th:href="@{/web/user/set.html}"><i class="layui-icon">&#xe620;</i>基本设置</a></dd>
<dd><a th:href="@{/web/user/message.html}"><i class="iconfont icon-tongzhi" style="top: 4px;"></i>我的消息</a></dd>
<dd><a th:href="@{/web/user/home.html}"><i class="layui-icon" style="margin-left: 2px; font-size: 22px;">&#xe68e;</i>我的主页</a></dd>
<dd><a href="" style="text-align: center;">退出</a></dd>
</dl>
</li>
<script>
</script>
cms模块
2019-01-17 22:18:05 +08:00
</ul>
</div>
</div>
<div class="layui-container">
webCMS课程列表详情展示。视频播放
2019-01-21 01:20:32 +08:00
<div class="title">
<em></em>
<span>所有课程</span>
<i>All Course</i>
</div>
cms模块
2019-01-17 22:18:05 +08:00
<div class="layui-row layui-col-space15">
webCMS课程列表
2019-01-20 21:28:10 +08:00
<div class="layui-col-md3" th:each="course:${trainCourse}">
<div class="course">
<div class="courseImg">
webCMS课程列表详情展示。视频播放
2019-01-21 01:20:32 +08:00
<a th:href="@{'/web/course/courseInfo.html/'+${course.id}}">
<img th:if="${#strings.isEmpty(course.cover)}" th:src="@{/web/res/images/no_img.png}" th:alt="${course.name}" width="100%" height="180px">
<img th:if="${not #strings.isEmpty(course.cover)}" th:src="${course.cover}" th:alt="${course.name}" width="100%" height="180px">
<p class="in01">
<span class="f20 c77b" th:text="${course.name}">安全测试基础课程</span>
<span class="cfff"></span>
</p>
</a>
</div>
<div class="remark">
<div class="title" th:text="${course.description}">
</div>
<div class="price" th:if="${course.price>0}" th:text="'￥'+${course.price}">
</div>
<div class="free_price" th:if="${course.price==0}" th:text="'免费'">
</div>
<div class="boxbtn01 clearfix">
<a class="btn01" th:href="@{'/web/course/courseInfo.html/'+${course.id}}">了解更多</a>
<a class="btn02" th:href="@{/web/course/coursePay.html}">立即购买</a>
</div>
cms模块
2019-01-17 22:18:05 +08:00
</div>
</div>
</div>
</div>
</div>
webCMS课程列表
2019-01-20 21:28:10 +08:00
<div class="fly-footer" th:fragment="cmsBottom">
<p><a href="http://fly.layui.com/" target="_blank">骏聪信息科技</a></p>
cms模块
2019-01-17 22:18:05 +08:00
</div>
</body>
</html>