lixin-web
Version:
vue and bootstrap
93 lines (85 loc) • 2.58 kB
HTML
<html lang="zh-CN" >
<head>
<meta charset="utf-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0,user-scalable=no">
<title>公告</title>
<!-- 引用样式文件开始 -->
<link rel="stylesheet" type="text/css" href="/css/common-all-plugin.css">
<link rel="stylesheet" type="text/css" href="/css/common.css">
<link rel="stylesheet" type="text/css" href="/css/manager.css">
<link rel="stylesheet" type="text/css" href="/css/game-notice.css">
<!-- 引用样式文件结束 -->
<!-- 引用脚本文件开始-->
<script type="text/javascript" src="/config.js">
</script>
<!-- 引用脚本文件结束-->
</head>
<body>
<div class="bar"></div><script type="text/javascript">
load("bar");
</script>
<div class="menu01"></div><script type="text/javascript">
load("menu01");
</script>
<div class="help-banner">
<div class="help-tit">
</div>
</div>
<div class="help-main">
<div class="" id="accordion">
<div class="panel panel-default" v-for="item in items" >
<div class="panel-heading">
<h4 class="panel-title">
<a data-toggle="collapse" name="question_1">
<b class="gstitle">{{item.title}}</b><i class="gstime">{{item.time}}</i>
<span class="glyphicon glyphicon-circle-arrow-down pull-right"></span>
</a>
</h4>
</div>
<div id="collapse1" class="panel-collapse collapse">
<div class="panel-body">
<h4>{{item.title}}</h4>
<p>{{{item.content}}}</p>
</div>
</div>
</div>
</div>
</div>
<div class="bot" ></div><script type="text/javascript">
$(".bot").load("/include-bot.html");
</script>
<script >
include('/common-all-plugin-01.js');
</script>
<script >
include('/common-all-plugin-02.js');
</script>
<script >
include('/app.js');
</script>
<script >
include('/common-all.js');
</script>
<script>
</script>
<script type="text/javascript" charset="utf-8">
$(function() {
//公告请求
Will.ajax({}, '/api/system/list-notice?content=true', function(res) {
var notice = new Vue({
el:'#accordion',
data:{items:res}
});
$('#accordion').show();
$('.panel-heading a').click(function() {
$(this).parents('.panel-heading').toggleClass('curron')
$(this).parents('.panel-default').siblings().find('.panel-heading').removeClass('curron');
$(this).parents('.panel-default').find('#collapse1').stop().slideToggle();
$(this).parents('.panel-default').siblings().find('#collapse1').stop().slideUp();
}).eq(0).click()
})
})
</script>
</body>
</html>