bkjxxxw/WebContent/static/simpleboot3/portal/list.html

167 lines
6.1 KiB
HTML
Raw Normal View History

2024-03-18 10:04:33 +08:00
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" name="viewport">
<meta content="telephone=no" name="format-detection">
<link rel="stylesheet" href="__TMPL__/public/assets/css/reset.css">
<link rel="stylesheet" href="__TMPL__/public/assets/css/common.css">
<link rel="stylesheet" href="__TMPL__/public/assets/css/second.css">
<link rel="short icon" type="image/ico" href="favicon.ico">
<title>吉林农业大学</title>
<style>
.page {
display: inline-block;
padding: 0;
margin: 0;
}
.page li {display: inline;}
.page .page-item {
color: black;
float: left;
padding: 8px 16px;
text-decoration: none;
transition: background-color .3s;
border: 1px solid #ddd;
}
.page li:first-child a {
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
}
.page li:last-child a {
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
}
.page .active {
background-color: #4CAF50;
color: white;
border: 1px solid #4CAF50;
}
.page .page-link:hover:not(.active) {background-color: #ddd;}
</style>
</head>
<body>
<!-- header -->
<div class="header">
<div class="clearfix">
<img class="header_logo" src="__TMPL__/public/assets/images/index/logo.png" alt="吉林农业大学">
<div class="searchBox">
<form method="post" action="{:cmf_url('portal/search/index')}">
<input type="text" name="keyword" class="searchInput" style="color:white"><input type="submit" class="searchBtn" value="搜索">
</form>
</div>
</div>
</div>
<!-- 上级nav -->
<div class="navContainer clearfix">
<div class="navContent">
<a href="{:cmf_url('portal/index/index')}">
<div class="navMoudle">
<img src="__TMPL__/public/assets/images/second/nav1.png">
<p>首页</p>
</div>
</a>
<volist name="nav_menu" id="vo" key="key">
<a href="{:cmf_url('portal/List/index',array('id'=>$vo['id']))}">
<div class="navMoudle">
<img src="__TMPL__/public/assets/images/second/nav{$key+1}.png">
<p>{$vo['name']}</p>
</div>
</a>
</volist>
</div>
</div>
<!-- 主控内容区tab切换 -->
<div class="tabContainer">
<div class="tabContent clearfix">
<!-- 主控区头部 -->
<h5 class="tabHeader">
位置:{$position}
</h5>
<!-- tab导航主控区 -->
<ul class="tabList">
<!-- 多级列表li嵌套ula包裹避免可能发生的页面跳转 -->
<!-- css样式choose是选中样式 -->
<!--<li>-->
<!--<a class="tabList_a choose">-->
<!--&lt;!&ndash; <img src=""> &ndash;&gt;-->
<!--<span>机构设置</span>-->
<!--</a>-->
<!--&lt;!&ndash; 多级列表展开项 &ndash;&gt;-->
<!--<ul class="tabList_ul">-->
<!--<li>-->
<!--<a class="tabList_ul_a choose">-->
<!--<span>信息化建设与综合管理科</span>-->
<!--</a>-->
<!--</li>-->
<!--<li>-->
<!--<a class="tabList_ul_a">-->
<!--<span>教务科</span>-->
<!--</a>-->
<!--</li>-->
<!--<li>-->
<!--<a class="tabList_ul_a">-->
<!--<span>学籍管理科</span>-->
<!--</a>-->
<!--</li>-->
<!--<li>-->
<!--<a class="tabList_ul_a">-->
<!--<span>教学建设与质量管理科</span>-->
<!--</a>-->
<!--</li>-->
<!--<li>-->
<!--<a class="tabList_ul_a">-->
<!--<span>实践教学管理科</span>-->
<!--</a>-->
<!--</li>-->
<!--<li>-->
<!--<a class="tabList_ul_a">-->
<!--<span>教材科</span>-->
<!--</a>-->
<!--</li>-->
<!--</ul>-->
<!--&lt;!&ndash; 多级列表展开end &ndash;&gt;-->
<!--</li>-->
<!-- 多级列表一项完成 -->
<volist name="left_list" id="vo" key="k">
<li>
<a class='tabList_a <if condition="$id == $vo.id">choose</if>' <if condition="''== $vo.url">href="{:cmf_url('portal/List/index',array('id'=>$vo['id']))}"<else/>href="{$vo['url']}"</if>>
<!-- <img src=""> -->
<span>{$vo['name']}</span>
</a>
</li>
</volist>
</ul>
<!-- 主控区显示内容 -->
<div class="tabTextContent">
<!-- 每一条内容 -->
<volist name="right_list" id="vo">
<a href="{:cmf_url('portal/Article/index',array('id'=>$vo['id'],'cid'=>$vo['cid']))}">
<div class="tabTextModule clearfix">
<img src="__TMPL__/public/assets/images/second/arrow.png">
<span class="tabTextTitle">{$vo['title']}</span>
<span class="tabTextDate">[<php>echo date("Y-m-d",$vo['time']);</php>]</span>
</div>
</a>
</volist>
<div class="page">
{$right_list->render()}
</div>
</div>
</div>
</div>
<!-- footer -->
<include file="public@footer"/>
<script src="__TMPL__/public/assets/js/second.js"></script>
</body>
</html>