@ -0,0 +1,453 @@ |
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<html> |
||||
<head> |
||||
<meta charset="utf-8" /> |
||||
<title>{ms:global.name/}</title> |
||||
<meta http-equiv="content-type" content="text/html" /> |
||||
<META HTTP-EQUIV="Pragma" CONTENT="no-cache" /> |
||||
<meta name="viewport" content="initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no,width=device-width"/> |
||||
<meta name="format-detection" content="telephone=no"/> |
||||
<meta name="app-mobile-web-app-capable" content="yes"/> |
||||
<meta name="app-mobile-web-app-status-bar-style" content="black-translucent"/> |
||||
<meta name="keywords" content="{ms:global.keyword/}" /> |
||||
<meta name="description" content="{ms:global.descrip/}" /> |
||||
<script type="text/javascript" src="{ms:global.host/}/static/plugins/vue/2.6.9/vue.min.js"></script> |
||||
<link rel="stylesheet" href="{ms:global.host/}/static/plugins/minireset/0.0.2/minireset.min.css" /> |
||||
<link rel="stylesheet" href="https://cdn.mingsoft.net/iconfont/iconfont.css" /> |
||||
<link rel="stylesheet" href="{ms:global.host/}/static/plugins/animate/4.1.0/animate.min.css"> |
||||
<script src="{ms:global.host/}/static/plugins/element-ui/2.12.0/index.js"></script> |
||||
<link rel="stylesheet" href="{ms:global.host/}/static/plugins/element-ui/2.12.0/index.css" /> |
||||
|
||||
<link rel="stylesheet" href="{ms:global.host/}/{ms:global.style/}/css/app.css" /> |
||||
|
||||
<!--网络请求框架--> |
||||
<script src="{ms:global.host/}/static/plugins/axios/0.18.0/axios.min.js"></script> |
||||
<script src="{ms:global.host/}/static/plugins/qs/6.6.0/qs.min.js"></script> |
||||
<script src="{ms:global.host/}/static/plugins/ms/1.0.0/ms.js"></script> |
||||
<script src="{ms:global.host/}/static/plugins/ms/1.0.0/ms.http.js"></script> |
||||
<script src="{ms:global.host/}/static/plugins/ms/1.0.0/ms.util.js"></script> |
||||
<script> |
||||
ms.base = ""; |
||||
</script> |
||||
<style> |
||||
[v-cloak]{ |
||||
display: none; |
||||
} |
||||
</style> |
||||
</head> |
||||
<body> |
||||
<div id="app" v-cloak> |
||||
|
||||
<#include "header.htm"/> |
||||
|
||||
<#include "search-bar.htm"/> |
||||
|
||||
<div class="content"> |
||||
<div class="detail"> |
||||
<div class="top"> |
||||
<span class="title" > |
||||
${field.title} |
||||
</span> |
||||
<div class="date"> |
||||
<span > |
||||
发布时间: |
||||
</span> |
||||
<span > |
||||
${field.date?string("yyyy-MM-dd")} |
||||
</span> |
||||
<span > |
||||
浏览次数: |
||||
</span> |
||||
<span > |
||||
${field.hit} |
||||
</span> |
||||
</div> </div> |
||||
<div class="body"> |
||||
<span class="body-text" > |
||||
${field.content} |
||||
</span> |
||||
</div> </div> <!--返回顶部-start--> |
||||
<!--返回顶部 - start --> |
||||
<div class="ms-right-fixed-top" onclick="document.getElementById(..).scrollTop = 0;"> |
||||
<!--内容区域 - start --> |
||||
<div class="content"> |
||||
<i class="iconfont icon-shang"></i> |
||||
<span> |
||||
回到顶部 |
||||
</span> |
||||
</div> |
||||
<!--内容区域 -end --> |
||||
</div> |
||||
<!--返回顶部 -end --> <!--返回顶部-end--> |
||||
</div> |
||||
<#include "footer.htm"/> |
||||
</div> |
||||
</body> |
||||
</html> |
||||
|
||||
<script> |
||||
var app = new Vue({ |
||||
el: '#app', |
||||
watch:{ |
||||
}, |
||||
data: { |
||||
}, |
||||
methods: { |
||||
switchShow:function(arr){ |
||||
var that = this |
||||
arr.forEach(function(x){ |
||||
let e = that.$el.querySelector("#key_"+x) |
||||
if(e){ |
||||
e.style.display=e.style.display=='none'?'flex':'none' |
||||
} |
||||
}) |
||||
}, |
||||
}, |
||||
created(){ |
||||
} |
||||
}) |
||||
</script> |
||||
|
||||
<style> |
||||
body { |
||||
background-color:#f5f5f5; |
||||
box-sizing:border-box; |
||||
font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Segoe UI", "Helvetica Neue", "PingFang SC", "Noto Sans", "Noto Sans CJK SC", "Microsoft YaHei", 微软雅黑, sans-serif; |
||||
moz-box-sizing:border-box; |
||||
webkit-box-sizing:border-box; |
||||
} |
||||
|
||||
.content |
||||
{ |
||||
flex-wrap:nowrap; |
||||
flex-direction:column; |
||||
display:flex; |
||||
padding-right:0px; |
||||
width:100%; |
||||
margin-bottom:0px; |
||||
box-sizing:border-box; |
||||
padding-left:0px; |
||||
margin-top:0px; |
||||
height:unset; |
||||
} |
||||
.content .detail |
||||
{ |
||||
background-color:#FFFFFF; |
||||
align-items:center; |
||||
flex-direction:column; |
||||
display:flex; |
||||
padding-right:0px; |
||||
box-sizing:border-box; |
||||
margin-left:auto; |
||||
min-height:800px; |
||||
margin-right:auto; |
||||
padding-bottom:0px; |
||||
flex-wrap:nowrap; |
||||
width:1170px; |
||||
margin-bottom:10px; |
||||
padding-top:0px; |
||||
position:relative; |
||||
padding-left:0px; |
||||
margin-top:10px; |
||||
height:300px; |
||||
} |
||||
.content .detail .top |
||||
{ |
||||
align-items:center; |
||||
flex-direction:column; |
||||
display:flex; |
||||
padding-right:0px; |
||||
box-sizing:border-box; |
||||
justify-content:center; |
||||
border-bottom-color:#EBEEF5; |
||||
padding-bottom:32px; |
||||
flex-wrap:nowrap; |
||||
width:90%; |
||||
margin-bottom:0px; |
||||
border-bottom-style:solid; |
||||
padding-top:32px; |
||||
border-bottom-width:1px; |
||||
padding-left:0px; |
||||
margin-top:0px; |
||||
} |
||||
.content .detail .top .title |
||||
{ |
||||
padding-bottom:0px; |
||||
flex-direction:row; |
||||
word-wrap:break-word; |
||||
display:inline-block; |
||||
font-size:28PX; |
||||
padding-top:0px; |
||||
} |
||||
.content .detail .top .date |
||||
{ |
||||
align-items:center; |
||||
flex-direction:row; |
||||
display:flex; |
||||
box-sizing:border-box; |
||||
justify-content:center; |
||||
margin-left:0px; |
||||
margin-right:0px; |
||||
flex-wrap:nowrap; |
||||
width:100%; |
||||
margin-bottom:0px; |
||||
padding-top:0px; |
||||
margin-top:0px; |
||||
height:100%; |
||||
} |
||||
.content .detail .top .date span |
||||
{ |
||||
font-size:16PX; |
||||
flex-direction:row; |
||||
word-wrap:break-word; |
||||
display:inline-block; |
||||
} |
||||
.content .detail .body |
||||
{ |
||||
align-items:center; |
||||
flex-wrap:nowrap; |
||||
flex-direction:column; |
||||
display:flex; |
||||
width:90%; |
||||
margin-bottom:0px; |
||||
box-sizing:border-box; |
||||
padding-top:32px; |
||||
justify-content:center; |
||||
margin-top:0px; |
||||
} |
||||
.content .detail .body .body-text |
||||
{ |
||||
margin-right:auto; |
||||
padding-bottom:0px; |
||||
flex-direction:row; |
||||
word-wrap:break-word; |
||||
display:inline-block; |
||||
font-size:18PX; |
||||
line-height:32px; |
||||
margin-bottom:0px; |
||||
padding-top:0px; |
||||
margin-top:0px; |
||||
margin-left:0px; |
||||
} |
||||
.content .ms-right-fixed-top |
||||
{ |
||||
margin:0 auto; |
||||
align-items:center; |
||||
flex-direction:row; |
||||
display:flex; |
||||
padding-right:0px; |
||||
box-sizing:border-box; |
||||
justify-content:center; |
||||
margin-left:0px; |
||||
padding-bottom:0px; |
||||
flex-wrap:nowrap; |
||||
width:1200px; |
||||
margin-bottom:0px; |
||||
position:relative; |
||||
padding-top:0px; |
||||
padding-left:0px; |
||||
margin-top:0px; |
||||
height:0px; |
||||
} |
||||
.content .ms-right-fixed-top >.content |
||||
{ |
||||
align-items:center; |
||||
flex-direction:column; |
||||
display:flex; |
||||
padding-right:0px; |
||||
box-sizing:border-box; |
||||
margin-left:600px; |
||||
padding-bottom:0px; |
||||
top:400px; |
||||
flex-wrap:nowrap; |
||||
left:50%; |
||||
width:40px; |
||||
position:fixed; |
||||
padding-top:0px; |
||||
padding-left:0px; |
||||
z-index:1; |
||||
} |
||||
.content .ms-right-fixed-top >.content i |
||||
{ |
||||
padding-bottom:0px; |
||||
padding-top:0px; |
||||
padding-left:0px; |
||||
padding-right:0px; |
||||
margin-left:0px; |
||||
} |
||||
.content .ms-right-fixed-top >.content span |
||||
{ |
||||
background-color:#909399; |
||||
color:#FFFFFF; |
||||
text-align:center; |
||||
flex-direction:row; |
||||
word-wrap:break-word; |
||||
display:inline-block; |
||||
padding-right:5px; |
||||
margin-left:0px; |
||||
padding-bottom:5px; |
||||
width:50px; |
||||
font-size:14px; |
||||
padding-top:5px; |
||||
padding-left:5px; |
||||
height:40%; |
||||
} |
||||
@media (max-width: 768px){ |
||||
.content .detail |
||||
{ |
||||
background-color:#FFFFFF; |
||||
align-items:center; |
||||
flex-direction:column; |
||||
display:flex; |
||||
box-sizing:border-box; |
||||
margin-left:auto; |
||||
min-height:800px; |
||||
margin-right:auto; |
||||
padding-bottom:0px; |
||||
flex-wrap:nowrap; |
||||
width:100%; |
||||
margin-bottom:10px; |
||||
padding-top:0px; |
||||
position:relative; |
||||
padding-left:0px; |
||||
margin-top:10px; |
||||
height:300px; |
||||
} |
||||
.content .detail .top |
||||
{ |
||||
align-items:center; |
||||
flex-direction:column; |
||||
display:flex; |
||||
box-sizing:border-box; |
||||
justify-content:center; |
||||
border-bottom-color:#EBEEF5; |
||||
padding-bottom:32px; |
||||
flex-wrap:nowrap; |
||||
width:90%; |
||||
margin-bottom:0px; |
||||
border-bottom-style:solid; |
||||
padding-top:32px; |
||||
border-bottom-width:1px; |
||||
margin-top:0px; |
||||
} |
||||
.content .detail .top .title |
||||
{ |
||||
margin-right:0px; |
||||
padding-bottom:0px; |
||||
flex-direction:row; |
||||
word-wrap:break-word; |
||||
display:inline-block; |
||||
font-size:28PX; |
||||
padding-top:0px; |
||||
} |
||||
.content .detail .top .date |
||||
{ |
||||
align-items:center; |
||||
flex-direction:row; |
||||
display:flex; |
||||
box-sizing:border-box; |
||||
justify-content:center; |
||||
margin-left:0px; |
||||
margin-right:0px; |
||||
flex-wrap:nowrap; |
||||
width:100%; |
||||
margin-bottom:0px; |
||||
padding-top:0px; |
||||
margin-top:0px; |
||||
height:100%; |
||||
} |
||||
.content .detail .top .date span |
||||
{ |
||||
font-size:16PX; |
||||
flex-direction:row; |
||||
word-wrap:break-word; |
||||
display:inline-block; |
||||
} |
||||
.content .detail .body |
||||
{ |
||||
align-items:center; |
||||
flex-wrap:nowrap; |
||||
flex-direction:column; |
||||
display:flex; |
||||
width:90%; |
||||
margin-bottom:0px; |
||||
box-sizing:border-box; |
||||
padding-top:32px; |
||||
justify-content:center; |
||||
margin-top:0px; |
||||
} |
||||
.content .detail .body .body-text |
||||
{ |
||||
margin-right:auto; |
||||
padding-bottom:0px; |
||||
flex-direction:row; |
||||
word-wrap:break-word; |
||||
display:inline-block; |
||||
font-size:18PX; |
||||
line-height:32px; |
||||
margin-bottom:0px; |
||||
padding-top:0px; |
||||
margin-top:0px; |
||||
margin-left:0px; |
||||
} |
||||
.content .ms-right-fixed-top |
||||
{ |
||||
margin:0 auto; |
||||
align-items:center; |
||||
flex-direction:row; |
||||
display:flex; |
||||
box-sizing:border-box; |
||||
justify-content:center; |
||||
margin-left:0px; |
||||
flex-wrap:nowrap; |
||||
width:100%; |
||||
margin-bottom:0px; |
||||
position:relative; |
||||
margin-top:0px; |
||||
height:0px; |
||||
} |
||||
.content .ms-right-fixed-top >.content |
||||
{ |
||||
align-items:center; |
||||
flex-direction:column; |
||||
display:flex; |
||||
padding-right:0px; |
||||
box-sizing:border-box; |
||||
margin-left:600px; |
||||
padding-bottom:0px; |
||||
top:400px; |
||||
flex-wrap:nowrap; |
||||
left:50%; |
||||
width:40px; |
||||
position:fixed; |
||||
padding-top:0px; |
||||
padding-left:0px; |
||||
z-index:1; |
||||
} |
||||
.content .ms-right-fixed-top >.content i |
||||
{ |
||||
margin-left:0px; |
||||
} |
||||
.content .ms-right-fixed-top >.content span |
||||
{ |
||||
background-color:#909399; |
||||
color:#FFFFFF; |
||||
text-align:center; |
||||
flex-direction:row; |
||||
word-wrap:break-word; |
||||
display:inline-block; |
||||
padding-right:5px; |
||||
margin-left:0px; |
||||
padding-bottom:5px; |
||||
width:50px; |
||||
font-size:14px; |
||||
padding-top:5px; |
||||
padding-left:5px; |
||||
height:40%; |
||||
} |
||||
|
||||
}</style> |
||||
@ -0,0 +1,608 @@ |
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<html> |
||||
<head> |
||||
<meta charset="utf-8" /> |
||||
<title>{ms:global.name/}</title> |
||||
<meta http-equiv="content-type" content="text/html" /> |
||||
<META HTTP-EQUIV="Pragma" CONTENT="no-cache" /> |
||||
<meta name="viewport" content="initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no,width=device-width"/> |
||||
<meta name="format-detection" content="telephone=no"/> |
||||
<meta name="app-mobile-web-app-capable" content="yes"/> |
||||
<meta name="app-mobile-web-app-status-bar-style" content="black-translucent"/> |
||||
<meta name="keywords" content="{ms:global.keyword/}" /> |
||||
<meta name="description" content="{ms:global.descrip/}" /> |
||||
<script type="text/javascript" src="{ms:global.host/}/static/plugins/vue/2.6.9/vue.min.js"></script> |
||||
<link rel="stylesheet" href="{ms:global.host/}/static/plugins/minireset/0.0.2/minireset.min.css" /> |
||||
<link rel="stylesheet" href="https://cdn.mingsoft.net/iconfont/iconfont.css" /> |
||||
<link rel="stylesheet" href="{ms:global.host/}/static/plugins/animate/4.1.0/animate.min.css"> |
||||
<script src="{ms:global.host/}/static/plugins/element-ui/2.12.0/index.js"></script> |
||||
<link rel="stylesheet" href="{ms:global.host/}/static/plugins/element-ui/2.12.0/index.css" /> |
||||
|
||||
<link rel="stylesheet" href="{ms:global.host/}/{ms:global.style/}/css/app.css" /> |
||||
|
||||
<!--网络请求框架--> |
||||
<script src="{ms:global.host/}/static/plugins/axios/0.18.0/axios.min.js"></script> |
||||
<script src="{ms:global.host/}/static/plugins/qs/6.6.0/qs.min.js"></script> |
||||
<script src="{ms:global.host/}/static/plugins/ms/1.0.0/ms.js"></script> |
||||
<script src="{ms:global.host/}/static/plugins/ms/1.0.0/ms.http.js"></script> |
||||
<script src="{ms:global.host/}/static/plugins/ms/1.0.0/ms.util.js"></script> |
||||
<script> |
||||
ms.base = ""; |
||||
</script> |
||||
<style> |
||||
[v-cloak]{ |
||||
display: none; |
||||
} |
||||
</style> |
||||
</head> |
||||
<body> |
||||
<div id="app" v-cloak> |
||||
|
||||
<#include "header.htm"/> |
||||
|
||||
|
||||
<div class="content"> |
||||
<div class="ms-channel-path"> |
||||
<span class="ms-channel-path-label"> |
||||
当前位置: |
||||
</span> |
||||
<a href="/" class="ms-channel-path-index"> |
||||
首页 |
||||
</a> |
||||
{ms:channel type="path"} |
||||
<i class="iconfont icon-youjiantou"></i> |
||||
<a href="{ms:global.url/}${field.typelink}" class="ms-channel-path-link"> |
||||
${field.typetitle} |
||||
</a> |
||||
{/ms:channel} |
||||
</div> |
||||
<div class="detail"> |
||||
<div class="top"> |
||||
<span class="title" > |
||||
${field.title} |
||||
</span> |
||||
<div class="date"> |
||||
<span > |
||||
发布时间: |
||||
</span> |
||||
<span > |
||||
${field.date?string("yyyy-MM-dd")} |
||||
</span> |
||||
<div style="flex-wrap:nowrap;flex-direction:row;display:flex;width:20px;box-sizing:border-box;margin-top:0px;height:100%;"> |
||||
</div> |
||||
<span > |
||||
浏览次数: |
||||
</span> |
||||
<span > |
||||
${field.hit} |
||||
</span> |
||||
</div> </div> |
||||
<div class="body"> |
||||
<span class="body-text" > |
||||
${field.content} |
||||
</span> |
||||
</div> </div> |
||||
<div class="ms-next-pre"> |
||||
<div class="pre"> |
||||
<span > |
||||
上一篇: |
||||
</span> |
||||
<a href="${global.url}${pre.link}" |
||||
> |
||||
${pre.title} |
||||
</a> |
||||
</div> |
||||
<div class="next"> |
||||
<span > |
||||
下一篇: |
||||
</span> |
||||
<a href="${global.url}${next.link}" |
||||
> |
||||
${next.title} |
||||
</a> |
||||
</div> </div> </div> |
||||
<#include "footer.htm"/> |
||||
</div> |
||||
</body> |
||||
</html> |
||||
|
||||
<script> |
||||
var app = new Vue({ |
||||
el: '#app', |
||||
watch:{ |
||||
}, |
||||
data: { |
||||
}, |
||||
methods: { |
||||
switchShow:function(arr){ |
||||
var that = this |
||||
arr.forEach(function(x){ |
||||
let e = that.$el.querySelector("#key_"+x) |
||||
if(e){ |
||||
e.style.display=e.style.display=='none'?'flex':'none' |
||||
} |
||||
}) |
||||
}, |
||||
}, |
||||
created(){ |
||||
} |
||||
}) |
||||
</script> |
||||
|
||||
<style> |
||||
body { |
||||
background-color:#f5f5f5; |
||||
box-sizing:border-box; |
||||
font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Segoe UI", "Helvetica Neue", "PingFang SC", "Noto Sans", "Noto Sans CJK SC", "Microsoft YaHei", 微软雅黑, sans-serif; |
||||
moz-box-sizing:border-box; |
||||
webkit-box-sizing:border-box; |
||||
} |
||||
|
||||
.content |
||||
{ |
||||
padding-bottom:0px; |
||||
flex-wrap:nowrap; |
||||
flex-direction:column; |
||||
display:flex; |
||||
padding-right:0px; |
||||
width:100%; |
||||
margin-bottom:0px; |
||||
box-sizing:border-box; |
||||
padding-top:0px; |
||||
padding-left:0px; |
||||
margin-top:0px; |
||||
} |
||||
.content .ms-channel-path |
||||
{ |
||||
align-items:center; |
||||
flex-direction:row; |
||||
display:flex; |
||||
box-sizing:border-box; |
||||
justify-content:flex-start; |
||||
margin-left:auto; |
||||
margin-right:auto; |
||||
padding-bottom:0px; |
||||
flex-wrap:nowrap; |
||||
width:1170px; |
||||
margin-bottom:10px; |
||||
padding-top:0px; |
||||
margin-top:10px; |
||||
height:30px; |
||||
} |
||||
.content .ms-channel-path .ms-channel-path-label |
||||
{ |
||||
flex-direction:row; |
||||
word-wrap:break-word; |
||||
display:inline-block; |
||||
font-size:14PX; |
||||
margin-bottom:0px; |
||||
margin-top:0px; |
||||
} |
||||
.content .ms-channel-path .ms-channel-path-index |
||||
{ |
||||
cursor:pointer; |
||||
color:#000; |
||||
font-size:14PX; |
||||
text-decoration:none; |
||||
margin-bottom:0px; |
||||
margin-top:0px; |
||||
} |
||||
.content .ms-channel-path >i |
||||
{ |
||||
} |
||||
.content .ms-channel-path .ms-channel-path-link |
||||
{ |
||||
cursor:pointer; |
||||
color:#000; |
||||
font-size:14PX; |
||||
text-decoration:none; |
||||
margin-bottom:0px; |
||||
margin-top:0px; |
||||
} |
||||
.content .detail |
||||
{ |
||||
background-color:#FFFFFF; |
||||
align-items:center; |
||||
flex-direction:column; |
||||
display:flex; |
||||
padding-right:0px; |
||||
box-sizing:border-box; |
||||
margin-left:auto; |
||||
min-height:800px; |
||||
margin-right:auto; |
||||
padding-bottom:0px; |
||||
flex-wrap:nowrap; |
||||
width:1170px; |
||||
margin-bottom:10px; |
||||
padding-top:0px; |
||||
position:relative; |
||||
padding-left:0px; |
||||
margin-top:0px; |
||||
} |
||||
.content .detail .top |
||||
{ |
||||
align-items:center; |
||||
flex-direction:column; |
||||
display:flex; |
||||
box-sizing:border-box; |
||||
justify-content:center; |
||||
border-bottom-color:#EBEEF5; |
||||
margin-right:0px; |
||||
padding-bottom:32px; |
||||
flex-wrap:nowrap; |
||||
width:90%; |
||||
margin-bottom:0px; |
||||
border-bottom-style:solid; |
||||
padding-top:32px; |
||||
border-bottom-width:1px; |
||||
margin-top:0px; |
||||
} |
||||
.content .detail .top .title |
||||
{ |
||||
padding-bottom:0px; |
||||
flex-direction:row; |
||||
word-wrap:break-word; |
||||
display:inline-block; |
||||
font-size:28PX; |
||||
padding-top:0px; |
||||
} |
||||
.content .detail .top .date |
||||
{ |
||||
align-items:center; |
||||
flex-direction:row; |
||||
display:flex; |
||||
box-sizing:border-box; |
||||
justify-content:center; |
||||
margin-left:0px; |
||||
margin-right:0px; |
||||
flex-wrap:nowrap; |
||||
width:100%; |
||||
margin-bottom:0px; |
||||
padding-top:0px; |
||||
margin-top:10px; |
||||
height:100%; |
||||
} |
||||
.content .detail .top .date span |
||||
{ |
||||
margin-right:0px; |
||||
color:#929292; |
||||
flex-direction:row; |
||||
word-wrap:break-word; |
||||
display:inline-block; |
||||
font-size:16PX; |
||||
margin-top:0px; |
||||
margin-left:0px; |
||||
} |
||||
.content .detail .body |
||||
{ |
||||
align-items:center; |
||||
flex-wrap:nowrap; |
||||
flex-direction:column; |
||||
display:flex; |
||||
width:90%; |
||||
margin-bottom:0px; |
||||
box-sizing:border-box; |
||||
padding-top:32px; |
||||
justify-content:center; |
||||
margin-top:0px; |
||||
} |
||||
.content .detail .body .body-text |
||||
{ |
||||
margin-right:auto; |
||||
padding-bottom:0px; |
||||
flex-direction:row; |
||||
word-wrap:break-word; |
||||
display:inline-block; |
||||
font-size:18PX; |
||||
line-height:32px; |
||||
margin-bottom:0px; |
||||
padding-top:0px; |
||||
margin-top:0px; |
||||
margin-left:0px; |
||||
} |
||||
.content .ms-next-pre |
||||
{ |
||||
flex-direction:row; |
||||
display:flex; |
||||
padding-right:10px; |
||||
box-sizing:border-box; |
||||
margin-left:auto; |
||||
margin-right:auto; |
||||
padding-bottom:0px; |
||||
flex-wrap:nowrap; |
||||
width:1170px; |
||||
margin-bottom:0px; |
||||
padding-top:0px; |
||||
padding-left:10px; |
||||
margin-top:0px; |
||||
height:60px; |
||||
} |
||||
.content .ms-next-pre .pre |
||||
{ |
||||
align-items:center; |
||||
flex-wrap:nowrap; |
||||
flex-direction:row; |
||||
display:flex; |
||||
width:50%; |
||||
box-sizing:border-box; |
||||
margin-bottom:0px; |
||||
justify-content:flex-start; |
||||
margin-top:0px; |
||||
height:100%; |
||||
} |
||||
.content .ms-next-pre .pre span |
||||
{ |
||||
font-size:14px; |
||||
flex-direction:row; |
||||
word-wrap:break-word; |
||||
display:inline-block; |
||||
} |
||||
.content .ms-next-pre .pre a |
||||
{ |
||||
cursor:pointer; |
||||
font-size:14px; |
||||
text-decoration:none; |
||||
color:#000; |
||||
} |
||||
.content .ms-next-pre .next |
||||
{ |
||||
align-items:center; |
||||
flex-wrap:nowrap; |
||||
flex-direction:row; |
||||
display:flex; |
||||
padding-right:0px; |
||||
width:50%; |
||||
box-sizing:border-box; |
||||
padding-left:0px; |
||||
justify-content:flex-start; |
||||
height:100%; |
||||
} |
||||
.content .ms-next-pre .next span |
||||
{ |
||||
font-size:14px; |
||||
flex-direction:row; |
||||
word-wrap:break-word; |
||||
display:inline-block; |
||||
} |
||||
.content .ms-next-pre .next a |
||||
{ |
||||
cursor:pointer; |
||||
padding-bottom:0px; |
||||
color:#000; |
||||
font-size:14px; |
||||
text-decoration:none; |
||||
margin-bottom:0px; |
||||
padding-top:0px; |
||||
margin-top:0px; |
||||
} |
||||
@media (max-width: 768px){ |
||||
.content |
||||
{ |
||||
flex-wrap:nowrap; |
||||
flex-direction:column; |
||||
display:flex; |
||||
padding-right:0px; |
||||
width:100%; |
||||
margin-bottom:0px; |
||||
box-sizing:border-box; |
||||
padding-top:0px; |
||||
padding-left:0px; |
||||
margin-top:0px; |
||||
height:unset; |
||||
} |
||||
.content .ms-channel-path |
||||
{ |
||||
margin-right:auto; |
||||
align-items:center; |
||||
flex-wrap:nowrap; |
||||
flex-direction:row; |
||||
display:flex; |
||||
width:100%; |
||||
margin-bottom:10px; |
||||
box-sizing:border-box; |
||||
margin-top:10px; |
||||
height:30px; |
||||
margin-left:auto; |
||||
} |
||||
.content .ms-channel-path .ms-channel-path-label |
||||
{ |
||||
font-size:14PX; |
||||
flex-direction:row; |
||||
word-wrap:break-word; |
||||
display:inline-block; |
||||
} |
||||
.content .ms-channel-path .ms-channel-path-index |
||||
{ |
||||
cursor:pointer; |
||||
color:#000; |
||||
font-size:14PX; |
||||
text-decoration:none; |
||||
margin-bottom:0px; |
||||
margin-top:0px; |
||||
} |
||||
.content .ms-channel-path .ms-channel-path-link |
||||
{ |
||||
cursor:pointer; |
||||
color:#000; |
||||
font-size:14PX; |
||||
text-decoration:none; |
||||
margin-bottom:0px; |
||||
margin-top:0px; |
||||
} |
||||
.content .detail |
||||
{ |
||||
background-color:#FFFFFF; |
||||
align-items:center; |
||||
flex-direction:column; |
||||
display:flex; |
||||
box-sizing:border-box; |
||||
margin-left:auto; |
||||
min-height:800px; |
||||
margin-right:auto; |
||||
padding-bottom:0px; |
||||
flex-wrap:nowrap; |
||||
width:100%; |
||||
margin-bottom:10px; |
||||
padding-top:0px; |
||||
position:relative; |
||||
padding-left:0px; |
||||
margin-top:10px; |
||||
height:300px; |
||||
} |
||||
.content .detail .top |
||||
{ |
||||
align-items:center; |
||||
flex-direction:column; |
||||
display:flex; |
||||
box-sizing:border-box; |
||||
justify-content:center; |
||||
border-bottom-color:#EBEEF5; |
||||
padding-bottom:32px; |
||||
flex-wrap:nowrap; |
||||
width:90%; |
||||
margin-bottom:0px; |
||||
border-bottom-style:solid; |
||||
padding-top:32px; |
||||
border-bottom-width:1px; |
||||
margin-top:0px; |
||||
} |
||||
.content .detail .top .title |
||||
{ |
||||
margin-right:0px; |
||||
padding-bottom:0px; |
||||
flex-direction:row; |
||||
word-wrap:break-word; |
||||
display:inline-block; |
||||
font-size:28PX; |
||||
padding-top:0px; |
||||
} |
||||
.content .detail .top .date |
||||
{ |
||||
align-items:center; |
||||
flex-direction:row; |
||||
display:flex; |
||||
padding-right:0px; |
||||
box-sizing:border-box; |
||||
justify-content:center; |
||||
margin-left:0px; |
||||
margin-right:0px; |
||||
padding-bottom:0px; |
||||
flex-wrap:nowrap; |
||||
width:100%; |
||||
margin-bottom:0px; |
||||
padding-top:0px; |
||||
padding-left:0px; |
||||
margin-top:0px; |
||||
height:100%; |
||||
} |
||||
.content .detail .top .date span |
||||
{ |
||||
font-size:16PX; |
||||
flex-direction:row; |
||||
word-wrap:break-word; |
||||
display:inline-block; |
||||
margin-left:0px; |
||||
} |
||||
.content .detail .body |
||||
{ |
||||
align-items:center; |
||||
flex-wrap:nowrap; |
||||
flex-direction:column; |
||||
display:flex; |
||||
width:90%; |
||||
margin-bottom:0px; |
||||
box-sizing:border-box; |
||||
padding-top:32px; |
||||
justify-content:center; |
||||
margin-top:0px; |
||||
} |
||||
.content .detail .body .body-text |
||||
{ |
||||
margin-right:auto; |
||||
padding-bottom:0px; |
||||
flex-direction:row; |
||||
word-wrap:break-word; |
||||
display:inline-block; |
||||
font-size:18PX; |
||||
line-height:32px; |
||||
margin-bottom:0px; |
||||
padding-top:0px; |
||||
margin-top:0px; |
||||
margin-left:0px; |
||||
} |
||||
.content .ms-next-pre |
||||
{ |
||||
flex-direction:column; |
||||
display:flex; |
||||
padding-right:10px; |
||||
box-sizing:border-box; |
||||
margin-left:auto; |
||||
margin-right:auto; |
||||
flex-wrap:nowrap; |
||||
width:100%; |
||||
margin-bottom:0px; |
||||
padding-left:10px; |
||||
margin-top:0px; |
||||
height:60px; |
||||
} |
||||
.content .ms-next-pre .pre |
||||
{ |
||||
align-items:center; |
||||
flex-wrap:nowrap; |
||||
flex-direction:row; |
||||
display:flex; |
||||
width:50%; |
||||
box-sizing:border-box; |
||||
margin-bottom:0px; |
||||
justify-content:flex-start; |
||||
margin-top:0px; |
||||
height:100%; |
||||
} |
||||
.content .ms-next-pre .pre span |
||||
{ |
||||
font-size:14px; |
||||
flex-direction:row; |
||||
word-wrap:break-word; |
||||
display:inline-block; |
||||
} |
||||
.content .ms-next-pre .pre a |
||||
{ |
||||
cursor:pointer; |
||||
font-size:14px; |
||||
text-decoration:none; |
||||
color:#000; |
||||
} |
||||
.content .ms-next-pre .next |
||||
{ |
||||
align-items:center; |
||||
flex-wrap:nowrap; |
||||
flex-direction:row; |
||||
display:flex; |
||||
width:50%; |
||||
box-sizing:border-box; |
||||
padding-left:0px; |
||||
justify-content:flex-start; |
||||
height:100%; |
||||
} |
||||
.content .ms-next-pre .next span |
||||
{ |
||||
font-size:14px; |
||||
flex-direction:row; |
||||
word-wrap:break-word; |
||||
display:inline-block; |
||||
} |
||||
.content .ms-next-pre .next a |
||||
{ |
||||
cursor:pointer; |
||||
padding-bottom:0px; |
||||
color:#000; |
||||
font-size:14px; |
||||
text-decoration:none; |
||||
padding-top:0px; |
||||
} |
||||
|
||||
}</style> |
||||
@ -0,0 +1,163 @@ |
||||
|
||||
|
||||
|
||||
|
||||
<!--底部导航-start--> |
||||
|
||||
<div class="footer"> |
||||
<!--友情链接-start--> |
||||
<div class="links"> |
||||
<div class="body"> |
||||
<span > |
||||
网站导航 |
||||
</span> |
||||
<div class="link"> |
||||
<!--下拉框-start--> |
||||
<select class="ms-select"> |
||||
{ms:arclist typeid=163 size=10 } |
||||
<option value="">[field.title/]</option> |
||||
{/ms:arclist} |
||||
</select> <!--下拉框-end--> |
||||
</div> |
||||
<div class="link"> |
||||
<!--下拉框-start--> |
||||
<select class="ms-select"> |
||||
{ms:arclist typeid=163 size=10 } |
||||
<option value="">[field.title/]</option> |
||||
{/ms:arclist} |
||||
</select> <!--下拉框-end--> |
||||
</div> |
||||
<div class="link"> |
||||
<!--下拉框-start--> |
||||
<select class="ms-select"> |
||||
{ms:arclist typeid=163 size=10 } |
||||
<option value="">[field.title/]</option> |
||||
{/ms:arclist} |
||||
</select> <!--下拉框-end--> |
||||
</div> |
||||
<div class="link"> |
||||
<!--下拉框-start--> |
||||
<select class="ms-select"> |
||||
{ms:arclist typeid=163 size=5 } |
||||
<option value="">[field.title/]</option> |
||||
{/ms:arclist} |
||||
</select> <!--下拉框-end--> |
||||
</div> |
||||
<div class="link"> |
||||
<!--下拉框-start--> |
||||
<select class="ms-select"> |
||||
{ms:arclist typeid=163 size=5 } |
||||
<option value="">[field.title/]</option> |
||||
{/ms:arclist} |
||||
</select> <!--下拉框-end--> |
||||
</div> </div> </div> <!--友情链接-end--> |
||||
<!--版权信息-start--> |
||||
<div class="copyright"> |
||||
<div class="body"> |
||||
<img |
||||
title="" |
||||
alt="" |
||||
src="{ms:global.host/}/{ms:global.style/}/images/1602123532415.png" |
||||
/> |
||||
<div class="desc"> |
||||
<div class="text"> |
||||
<div > |
||||
<a href="#" |
||||
> |
||||
关于我们 |
||||
</a> |
||||
<span > |
||||
| |
||||
</span> |
||||
<a href="#" |
||||
> |
||||
网站地图 |
||||
</a> |
||||
</div> </div> |
||||
<div class="text"> |
||||
<a href="#" |
||||
> |
||||
主办:江西省人民政府办公厅 |
||||
</a> |
||||
<a href="#" |
||||
> |
||||
承办:江西省信息中心 |
||||
</a> |
||||
</div> |
||||
<div class="text"> |
||||
<a href="#" |
||||
> |
||||
赣ICP备05004294号 |
||||
</a> |
||||
<a href="#" |
||||
> |
||||
政府网站标识码3600000012 |
||||
</a> |
||||
<a href="#" |
||||
> |
||||
赣公网安备 36010802000128号 |
||||
</a> |
||||
</div> |
||||
<div class="ms-designer"> |
||||
<a href="www.mingsoft.net" |
||||
target="_blank" |
||||
> |
||||
@该网页由MDesigner制作完成 |
||||
</a> |
||||
</div> </div> |
||||
<div class="right"> |
||||
<div class="img"> |
||||
<img |
||||
title="" |
||||
alt="" |
||||
src="http://www.gov.cn/govweb/xhtml/2016gov/guowuyuan/20190301gwykhd/images/icon_1234.png" |
||||
/> |
||||
<span > |
||||
国务院客户端 |
||||
</span> |
||||
</div> |
||||
<div class="img"> |
||||
<img |
||||
title="" |
||||
alt="" |
||||
src="http://www.gov.cn/govweb/xhtml/2016gov/guowuyuan/20190301gwykhd/images/icon_724.png" |
||||
/> |
||||
<span > |
||||
国务院小程序 |
||||
</span> |
||||
</div> |
||||
<div class="wx"> |
||||
<div > |
||||
<img |
||||
title="" |
||||
alt="" |
||||
src="http://www.gov.cn/govweb/xhtml/2016gov/guowuyuan/20190301gwykhd/images/icon_1434.png" |
||||
/> |
||||
<img |
||||
title="" |
||||
alt="" |
||||
src="http://www.gov.cn/govweb/xhtml/2016gov/guowuyuan/20190301gwykhd/images/icon_1534.png" |
||||
/> |
||||
<span > |
||||
中国政府网微博、微信 |
||||
</span> |
||||
</div> </div> </div> </div> </div> <!--版权信息-end--> |
||||
<!--左漂浮-start--> |
||||
<div class="left-fixed"> |
||||
<div class="content"> |
||||
<img |
||||
title="" |
||||
alt="" |
||||
src="https://iph.href.lu/100x100" |
||||
/> |
||||
</div> </div> <!--左漂浮-end--> |
||||
<!--右漂浮-start--> |
||||
<div class="right-fixed"> |
||||
<div class="content"> |
||||
<img |
||||
title="" |
||||
alt="" |
||||
src="https://iph.href.lu/100x100" |
||||
/> |
||||
</div> </div> <!--右漂浮-end--> |
||||
</div> <!--底部导航-end--> |
||||
@ -0,0 +1,62 @@ |
||||
|
||||
|
||||
|
||||
|
||||
<!--导航-start--> |
||||
|
||||
<div class="header"> |
||||
<!--中间区域-start--> |
||||
<div class="center"> |
||||
<!--左侧-start--> |
||||
<div class="left"> |
||||
<a href="${global.url}" |
||||
> |
||||
首页 |
||||
</a> |
||||
{ms:channel active='nav-sel' type='nav' flag='d'} |
||||
<a href="${global.url}${field.typelink}" |
||||
class="${field.active}"> |
||||
${field.typetitle} |
||||
</a> |
||||
{/ms:channel} |
||||
</div> <!--左侧-end--> |
||||
<!--手机端-start--> |
||||
<div @click='switchShow(["1601304203000_30278"]);' class="h5-menu"> |
||||
<i class="iconfont icon-caidan icon" ></i> |
||||
<!--手机端菜单-start--> |
||||
<div id="key_1601304203000_30278" |
||||
class="h5-menu-nav"> |
||||
{ms:channel type='nav' flag='n'} |
||||
<a href="${global.url}${field.typelink}" |
||||
> |
||||
${field.typetitle} |
||||
</a> |
||||
{/ms:channel} |
||||
</div> <!--手机端菜单-end--> |
||||
</div> <!--手机端-end--> |
||||
<!--副链接-start--> |
||||
<div class="right"> |
||||
<a href="http://www.gov.cn/" |
||||
target="_blank" |
||||
> |
||||
中国政府网 |
||||
</a> |
||||
<span > |
||||
| |
||||
</span> |
||||
<a href="http://www.jxrd.gov.cn/" |
||||
target="_blank" |
||||
> |
||||
省人大 |
||||
</a> |
||||
<span > |
||||
| |
||||
</span> |
||||
<a href="http://jxzx.jxnews.com.cn/" |
||||
target="_blank" |
||||
> |
||||
省政协 |
||||
</a> |
||||
</div> <!--副链接-end--> |
||||
</div> <!--中间区域-end--> |
||||
</div> <!--导航-end--> |
||||
|
Before Width: | Height: | Size: 1.1 KiB After Width: | Height: | Size: 1.1 KiB |
|
Before Width: | Height: | Size: 1.1 KiB After Width: | Height: | Size: 1.1 KiB |
|
Before Width: | Height: | Size: 1.1 KiB After Width: | Height: | Size: 1.1 KiB |
|
Before Width: | Height: | Size: 1.1 KiB After Width: | Height: | Size: 1.1 KiB |
|
Before Width: | Height: | Size: 30 KiB After Width: | Height: | Size: 30 KiB |
|
Before Width: | Height: | Size: 19 KiB After Width: | Height: | Size: 19 KiB |
|
Before Width: | Height: | Size: 19 KiB After Width: | Height: | Size: 19 KiB |
|
Before Width: | Height: | Size: 19 KiB After Width: | Height: | Size: 19 KiB |
|
Before Width: | Height: | Size: 397 B After Width: | Height: | Size: 397 B |
|
Before Width: | Height: | Size: 397 B After Width: | Height: | Size: 397 B |
|
Before Width: | Height: | Size: 2.8 KiB After Width: | Height: | Size: 2.8 KiB |
|
Before Width: | Height: | Size: 335 KiB After Width: | Height: | Size: 335 KiB |
|
Before Width: | Height: | Size: 335 KiB After Width: | Height: | Size: 335 KiB |
|
Before Width: | Height: | Size: 13 KiB After Width: | Height: | Size: 13 KiB |
|
Before Width: | Height: | Size: 84 KiB After Width: | Height: | Size: 84 KiB |
|
Before Width: | Height: | Size: 2.0 KiB After Width: | Height: | Size: 2.0 KiB |
|
Before Width: | Height: | Size: 244 KiB After Width: | Height: | Size: 244 KiB |
|
Before Width: | Height: | Size: 244 KiB After Width: | Height: | Size: 244 KiB |
|
Before Width: | Height: | Size: 244 KiB After Width: | Height: | Size: 244 KiB |
|
Before Width: | Height: | Size: 1.3 MiB After Width: | Height: | Size: 1.3 MiB |
|
Before Width: | Height: | Size: 12 KiB After Width: | Height: | Size: 12 KiB |
|
Before Width: | Height: | Size: 1.1 KiB After Width: | Height: | Size: 1.1 KiB |
|
Before Width: | Height: | Size: 1.1 KiB After Width: | Height: | Size: 1.1 KiB |
|
Before Width: | Height: | Size: 1.1 KiB After Width: | Height: | Size: 1.1 KiB |
|
Before Width: | Height: | Size: 1.1 KiB After Width: | Height: | Size: 1.1 KiB |
|
Before Width: | Height: | Size: 1.1 KiB After Width: | Height: | Size: 1.1 KiB |
|
Before Width: | Height: | Size: 1.1 KiB After Width: | Height: | Size: 1.1 KiB |
|
Before Width: | Height: | Size: 11 KiB After Width: | Height: | Size: 11 KiB |
|
Before Width: | Height: | Size: 1.1 KiB After Width: | Height: | Size: 1.1 KiB |
|
Before Width: | Height: | Size: 1.1 KiB After Width: | Height: | Size: 1.1 KiB |
@ -0,0 +1,857 @@ |
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<html> |
||||
<head> |
||||
<meta charset="utf-8" /> |
||||
<title>{ms:global.name/}</title> |
||||
<meta http-equiv="content-type" content="text/html" /> |
||||
<META HTTP-EQUIV="Pragma" CONTENT="no-cache" /> |
||||
<meta name="viewport" content="initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no,width=device-width"/> |
||||
<meta name="format-detection" content="telephone=no"/> |
||||
<meta name="app-mobile-web-app-capable" content="yes"/> |
||||
<meta name="app-mobile-web-app-status-bar-style" content="black-translucent"/> |
||||
<meta name="keywords" content="{ms:global.keyword/}" /> |
||||
<meta name="description" content="{ms:global.descrip/}" /> |
||||
<script type="text/javascript" src="{ms:global.host/}/static/plugins/vue/2.6.9/vue.min.js"></script> |
||||
<link rel="stylesheet" href="{ms:global.host/}/static/plugins/minireset/0.0.2/minireset.min.css" /> |
||||
<link rel="stylesheet" href="https://cdn.mingsoft.net/iconfont/iconfont.css" /> |
||||
<link rel="stylesheet" href="{ms:global.host/}/static/plugins/animate/4.1.0/animate.min.css"> |
||||
<script src="{ms:global.host/}/static/plugins/element-ui/2.12.0/index.js"></script> |
||||
<link rel="stylesheet" href="{ms:global.host/}/static/plugins/element-ui/2.12.0/index.css" /> |
||||
|
||||
<link rel="stylesheet" href="{ms:global.host/}/{ms:global.style/}/css/app.css" /> |
||||
|
||||
<!--网络请求框架--> |
||||
<script src="{ms:global.host/}/static/plugins/axios/0.18.0/axios.min.js"></script> |
||||
<script src="{ms:global.host/}/static/plugins/qs/6.6.0/qs.min.js"></script> |
||||
<script src="{ms:global.host/}/static/plugins/ms/1.0.0/ms.js"></script> |
||||
<script src="{ms:global.host/}/static/plugins/ms/1.0.0/ms.http.js"></script> |
||||
<script src="{ms:global.host/}/static/plugins/ms/1.0.0/ms.util.js"></script> |
||||
<script> |
||||
ms.base = ""; |
||||
</script> |
||||
<style> |
||||
[v-cloak]{ |
||||
display: none; |
||||
} |
||||
</style> |
||||
</head> |
||||
<body> |
||||
<div id="app" v-cloak> |
||||
|
||||
<#include "header.htm"/> |
||||
|
||||
<div class="ms-content"> |
||||
<div class="ms-channel-path"> |
||||
<span class="ms-channel-path-label"> |
||||
当前位置: |
||||
</span> |
||||
<a href="/" class="ms-channel-path-index"> |
||||
首页 |
||||
</a> |
||||
{ms:channel type="path"} |
||||
<i class="iconfont icon-youjiantou"></i> |
||||
<a href="{ms:global.url/}${field.typelink}" class="ms-channel-path-link"> |
||||
${field.typetitle} |
||||
</a> |
||||
{/ms:channel} |
||||
</div> |
||||
<div class="detail"> |
||||
<div class="body"> |
||||
<a href="${global.url}${field.typelink}" |
||||
class="type-title"> |
||||
${field.typetitle} |
||||
</a> |
||||
</div> <!--新闻列表(一行)-start--> |
||||
{ms:arclist size=15 ispaging=true} |
||||
<div class="ms-news-one-line"> |
||||
<i class="iconfont icon-fangkuai ms-news-one-line-dot" ></i> |
||||
<a href="${global.url}${field.link}" |
||||
class="ms-news-one-line-link"> |
||||
${field.title} |
||||
</a> |
||||
<span class="ms-news-one-line-date" > |
||||
${field.date?string("yyyy-MM-dd")} |
||||
</span> |
||||
</div> |
||||
{/ms:arclist} <!--新闻列表(一行)-end--> |
||||
<#assign pagerCount=3 /> |
||||
<#assign pageCount=page.total /> |
||||
<#assign currentPage=page.cur /> |
||||
<#assign halfPagerCount=(pagerCount-1)/2/> |
||||
<#assign showPrevMore=false /> |
||||
<#assign showNextMore=false /> |
||||
<#assign arr=[] /> |
||||
<#--判断是否有翻页--> |
||||
<#if pageCount gt pagerCount> |
||||
<#if currentPage gt pagerCount - halfPagerCount> |
||||
<#assign showPrevMore=true /> |
||||
</#if> |
||||
<#if currentPage lt pageCount - halfPagerCount> |
||||
<#assign showNextMore=true /> |
||||
</#if> |
||||
</#if> |
||||
<#--计算页码--> |
||||
<#if showPrevMore&&!showNextMore> |
||||
<#assign startPage=pageCount - (pagerCount - 2) /> |
||||
<#list startPage..pageCount-1 as x> |
||||
<#assign arr=arr+[x] /> |
||||
</#list> |
||||
<#elseif !showPrevMore && showNextMore> |
||||
<#list 2..pagerCount as x> |
||||
<#assign arr=arr+[x] /> |
||||
</#list> |
||||
<#elseif showPrevMore && showNextMore> |
||||
<#assign offset=(pagerCount / 2)?floor - 1 /> |
||||
<#list currentPage - offset..currentPage + offset as x> |
||||
<#assign arr=arr+[x] /> |
||||
</#list> |
||||
<#else> |
||||
<#list 2..pageCount as x> |
||||
<#if x lt pageCount> |
||||
<#assign arr=arr+[x] /> |
||||
</#if> |
||||
</#list> |
||||
</#if> |
||||
<div class="ms-page"> |
||||
<a href="{ms:global.url/}{ms:page.pre/}"> |
||||
<i class="iconfont icon-zuojiantou ms-page-pre"></i> |
||||
</a> |
||||
<#--第一页--> |
||||
<#if pageCount gt 0> |
||||
<a href="{ms:global.url/}{ms:page.index/}"> |
||||
<#if 1==currentPage> |
||||
<span class="ms-page-no-sel">1</span> |
||||
<#else> |
||||
<span class="ms-page-no">1</span> |
||||
</#if> |
||||
</a> |
||||
</#if> |
||||
<#--翻页的省略号--> |
||||
<#if showPrevMore> |
||||
<span class="ms-page-dot"> |
||||
... |
||||
</span> |
||||
</#if> |
||||
<#--中间的页码--> |
||||
<#list arr as x> |
||||
<a href="{ms:global.url/}${field.categoryPath}/list-${x}.html"> |
||||
<#if x==currentPage> |
||||
<span class="ms-page-no-sel">${x}</span> |
||||
<#else> |
||||
<span class="ms-page-no">${x}</span> |
||||
</#if> |
||||
</a> |
||||
</#list> |
||||
<#-- 最后一页--> |
||||
<#if pageCount gt 1> |
||||
<a href="{ms:global.url/}${field.categoryPath}/list-${pageCount}.html"> |
||||
<#if pageCount==currentPage> |
||||
<span class="ms-page-no-sel">${pageCount}</span> |
||||
<#else> |
||||
<span class="ms-page-no">${pageCount}</span> |
||||
</#if> |
||||
</a> |
||||
</#if> |
||||
<a href="{ms:global.url/}{ms:page.next/}"> |
||||
<i class="iconfont icon-youjiantou ms-page-next"></i> |
||||
</a> |
||||
<#--span> |
||||
前往 |
||||
<input type="number" onchange="location.href='{ms:global.url/}${field.categoryPath}/'+((this.value<=1?'index':('list-'+(this.value>${pageCount}?${pageCount}:this.value)))+'.html')"> |
||||
页 |
||||
</span--> |
||||
</div> |
||||
</div> </div> <!--返回顶部-start--> |
||||
|
||||
<div class="ms-right-fixed-top"> |
||||
<!--内容区域-start--> |
||||
<div class="content"> |
||||
<i class="iconfont icon-shang" ></i> |
||||
<span > |
||||
回到顶部 |
||||
</span> |
||||
</div> <!--内容区域-end--> |
||||
</div> <!--返回顶部-end--> |
||||
|
||||
<#include "footer.htm"/> |
||||
</div> |
||||
</body> |
||||
</html> |
||||
|
||||
<script> |
||||
var app = new Vue({ |
||||
el: '#app', |
||||
watch:{ |
||||
}, |
||||
data: { |
||||
}, |
||||
methods: { |
||||
switchShow:function(arr){ |
||||
var that = this |
||||
arr.forEach(function(x){ |
||||
let e = that.$el.querySelector("#key_"+x) |
||||
if(e){ |
||||
e.style.display=e.style.display=='none'?'flex':'none' |
||||
} |
||||
}) |
||||
}, |
||||
}, |
||||
created(){ |
||||
} |
||||
}) |
||||
</script> |
||||
|
||||
<style> |
||||
body { |
||||
background-color:#f5f5f5; |
||||
box-sizing:border-box; |
||||
font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Segoe UI", "Helvetica Neue", "PingFang SC", "Noto Sans", "Noto Sans CJK SC", "Microsoft YaHei", 微软雅黑, sans-serif; |
||||
moz-box-sizing:border-box; |
||||
webkit-box-sizing:border-box; |
||||
} |
||||
|
||||
.ms-content |
||||
{ |
||||
align-items:center; |
||||
flex-direction:column; |
||||
display:flex; |
||||
padding-right:0px; |
||||
box-sizing:border-box; |
||||
justify-content:center; |
||||
padding-bottom:0px; |
||||
flex-wrap:nowrap; |
||||
width:100%; |
||||
margin-bottom:0px; |
||||
padding-top:0px; |
||||
padding-left:0px; |
||||
margin-top:0px; |
||||
} |
||||
.ms-content .ms-channel-path |
||||
{ |
||||
align-items:center; |
||||
flex-direction:row; |
||||
display:flex; |
||||
padding-right:0px; |
||||
box-sizing:border-box; |
||||
margin-left:auto; |
||||
margin-right:auto; |
||||
padding-bottom:0px; |
||||
flex-wrap:nowrap; |
||||
width:1170px; |
||||
margin-bottom:10px; |
||||
padding-top:0px; |
||||
padding-left:0px; |
||||
margin-top:10px; |
||||
height:30px; |
||||
} |
||||
.ms-content .ms-channel-path .ms-channel-path-label |
||||
{ |
||||
flex-direction:row; |
||||
word-wrap:break-word; |
||||
display:inline-block; |
||||
font-size:14PX; |
||||
margin-bottom:0px; |
||||
margin-top:0px; |
||||
} |
||||
.ms-content .ms-channel-path .ms-channel-path-index |
||||
{ |
||||
cursor:pointer; |
||||
color:#000; |
||||
font-size:14PX; |
||||
text-decoration:none; |
||||
margin-bottom:0px; |
||||
margin-top:0px; |
||||
} |
||||
.ms-content .ms-channel-path >i |
||||
{ |
||||
margin-bottom:0px; |
||||
margin-top:0px; |
||||
} |
||||
.ms-content .ms-channel-path .ms-channel-path-link |
||||
{ |
||||
cursor:pointer; |
||||
color:#000; |
||||
font-size:14PX; |
||||
text-decoration:none; |
||||
margin-bottom:0px; |
||||
margin-top:0px; |
||||
} |
||||
.ms-content .detail |
||||
{ |
||||
background-color:#FFFFFF; |
||||
align-items:flex-start; |
||||
flex-direction:column; |
||||
display:flex; |
||||
padding-right:20px; |
||||
box-sizing:border-box; |
||||
margin-left:0px; |
||||
min-height:800px; |
||||
margin-right:0px; |
||||
padding-bottom:20px; |
||||
flex-wrap:nowrap; |
||||
width:1170px; |
||||
margin-bottom:10px; |
||||
padding-top:20px; |
||||
position:relative; |
||||
padding-left:20px; |
||||
margin-top:0px; |
||||
} |
||||
.ms-content .detail .body |
||||
{ |
||||
align-items:center; |
||||
flex-direction:row; |
||||
display:flex; |
||||
padding-right:0px; |
||||
box-sizing:border-box; |
||||
justify-content:flex-start; |
||||
margin-left:0px; |
||||
margin-right:0px; |
||||
padding-bottom:10px; |
||||
flex-wrap:nowrap; |
||||
width:100%; |
||||
margin-bottom:10px; |
||||
padding-top:10px; |
||||
padding-left:20px; |
||||
margin-top:0px; |
||||
} |
||||
.ms-content .detail .body .type-title |
||||
{ |
||||
cursor:pointer; |
||||
padding-bottom:0px; |
||||
color:#000; |
||||
font-size:18PX; |
||||
text-decoration:none; |
||||
margin-bottom:0px; |
||||
padding-top:0px; |
||||
padding-left:0px; |
||||
} |
||||
.ms-content .detail .ms-news-one-line |
||||
{ |
||||
align-items:center; |
||||
flex-direction:row; |
||||
display:flex; |
||||
padding-right:0px; |
||||
box-sizing:border-box; |
||||
background-position:20px center; |
||||
justify-content:flex-start; |
||||
margin-left:0px; |
||||
margin-right:0px; |
||||
padding-bottom:10px; |
||||
flex-wrap:nowrap; |
||||
width:100%; |
||||
margin-bottom:0px; |
||||
padding-top:10px; |
||||
padding-left:20px; |
||||
background-repeat:no-repeat; |
||||
background-position-x:20px; |
||||
margin-top:0px; |
||||
} |
||||
.ms-content .detail .ms-news-one-line .ms-news-one-line-dot |
||||
{ |
||||
padding-bottom:0px; |
||||
padding-right:0px; |
||||
font-size:12PX; |
||||
margin-bottom:0px; |
||||
padding-top:0px; |
||||
padding-left:0px; |
||||
} |
||||
.ms-content .detail .ms-news-one-line .ms-news-one-line-link |
||||
{ |
||||
cursor:pointer; |
||||
color:#000; |
||||
padding-right:0px; |
||||
text-decoration:none; |
||||
margin-left:0px; |
||||
margin-right:0px; |
||||
padding-bottom:0px; |
||||
font-size:16PX; |
||||
margin-bottom:0px; |
||||
padding-top:0px; |
||||
padding-left:0px; |
||||
background-position-x:20px; |
||||
} |
||||
.ms-content .detail .ms-news-one-line .ms-news-one-line-date |
||||
{ |
||||
margin-right:10px; |
||||
padding-bottom:0px; |
||||
color:#9C9C9C; |
||||
flex-direction:row; |
||||
word-wrap:break-word; |
||||
display:inline-block; |
||||
font-size:14px; |
||||
margin-bottom:0px; |
||||
padding-top:0px; |
||||
padding-left:0px; |
||||
margin-left:10px; |
||||
} |
||||
.ms-content .detail .ms-page |
||||
{ |
||||
align-items:center; |
||||
flex-direction:row; |
||||
bottom:0px; |
||||
display:flex; |
||||
padding-right:0px; |
||||
box-sizing:border-box; |
||||
justify-content:center; |
||||
margin-left:0px; |
||||
padding-bottom:0px; |
||||
flex-wrap:nowrap; |
||||
left:0px; |
||||
width:100%; |
||||
margin-bottom:0px; |
||||
padding-top:0px; |
||||
position:absolute; |
||||
padding-left:0px; |
||||
margin-top:0px; |
||||
height:40px; |
||||
} |
||||
.ms-content .detail .ms-page .ms-page-pre |
||||
{ |
||||
cursor:pointer; |
||||
padding-bottom:0px; |
||||
color:#000000; |
||||
padding-right:0px; |
||||
margin-bottom:0px; |
||||
padding-top:0px; |
||||
padding-left:0px; |
||||
margin-top:0px; |
||||
margin-left:0px; |
||||
} |
||||
.ms-content .detail .ms-page .ms-page-pre:hover |
||||
{ |
||||
color:#409EFF; |
||||
} |
||||
.ms-content .detail .ms-page .ms-page-no |
||||
{ |
||||
cursor:pointer; |
||||
color:#000000; |
||||
text-align:center; |
||||
flex-direction:row; |
||||
word-wrap:break-word; |
||||
display:inline-block; |
||||
padding-right:0px; |
||||
margin-left:0px; |
||||
padding-bottom:0px; |
||||
width:40px; |
||||
font-size:16PX; |
||||
margin-bottom:0px; |
||||
padding-top:0px; |
||||
padding-left:0px; |
||||
margin-top:0px; |
||||
} |
||||
.ms-content .detail .ms-page .ms-page-no:hover |
||||
{ |
||||
color:#409EFF; |
||||
} |
||||
.ms-content .detail .ms-page .ms-page-no-sel |
||||
{ |
||||
color:#409EFF; |
||||
text-align:center; |
||||
flex-direction:row; |
||||
word-wrap:break-word; |
||||
display:inline-block; |
||||
width:40px; |
||||
font-size:16PX; |
||||
margin-top:0px; |
||||
margin-left:0px; |
||||
} |
||||
.ms-content .detail .ms-page .ms-page-dot |
||||
{ |
||||
text-align:center; |
||||
flex-direction:row; |
||||
word-wrap:break-word; |
||||
display:inline-block; |
||||
width:40px; |
||||
font-size:16PX; |
||||
margin-top:0px; |
||||
margin-left:0px; |
||||
} |
||||
.ms-content .detail .ms-page .ms-page-next |
||||
{ |
||||
cursor:pointer; |
||||
padding-bottom:0px; |
||||
color:#000000; |
||||
padding-right:0px; |
||||
margin-bottom:0px; |
||||
padding-top:0px; |
||||
padding-left:0px; |
||||
margin-top:0px; |
||||
margin-left:0px; |
||||
} |
||||
.ms-right-fixed-top |
||||
{ |
||||
margin:0 auto; |
||||
align-items:center; |
||||
flex-direction:row; |
||||
display:flex; |
||||
padding-right:0px; |
||||
box-sizing:border-box; |
||||
justify-content:center; |
||||
margin-left:0px; |
||||
padding-bottom:0px; |
||||
flex-wrap:nowrap; |
||||
width:1200px; |
||||
margin-bottom:0px; |
||||
position:relative; |
||||
padding-top:0px; |
||||
padding-left:0px; |
||||
margin-top:0px; |
||||
height:0px; |
||||
} |
||||
.ms-right-fixed-top >.content |
||||
{ |
||||
align-items:center; |
||||
flex-direction:column; |
||||
display:flex; |
||||
padding-right:0px; |
||||
box-sizing:border-box; |
||||
margin-left:600px; |
||||
padding-bottom:0px; |
||||
top:400px; |
||||
flex-wrap:nowrap; |
||||
left:50%; |
||||
width:40px; |
||||
position:fixed; |
||||
padding-top:0px; |
||||
padding-left:0px; |
||||
z-index:1; |
||||
} |
||||
.ms-right-fixed-top >.content i |
||||
{ |
||||
padding-bottom:0px; |
||||
padding-top:0px; |
||||
padding-left:0px; |
||||
padding-right:0px; |
||||
margin-left:0px; |
||||
} |
||||
.ms-right-fixed-top >.content span |
||||
{ |
||||
background-color:#909399; |
||||
color:#FFFFFF; |
||||
text-align:center; |
||||
flex-direction:row; |
||||
word-wrap:break-word; |
||||
display:inline-block; |
||||
padding-right:5px; |
||||
margin-left:0px; |
||||
padding-bottom:5px; |
||||
width:50px; |
||||
font-size:14px; |
||||
padding-top:5px; |
||||
padding-left:5px; |
||||
height:40%; |
||||
} |
||||
@media (max-width: 768px){ |
||||
.ms-content |
||||
{ |
||||
align-items:center; |
||||
flex-direction:column; |
||||
display:flex; |
||||
padding-right:0px; |
||||
box-sizing:border-box; |
||||
justify-content:center; |
||||
padding-bottom:0px; |
||||
flex-wrap:nowrap; |
||||
width:100%; |
||||
margin-bottom:0px; |
||||
padding-top:0px; |
||||
padding-left:0px; |
||||
margin-top:0px; |
||||
height:unset; |
||||
} |
||||
.ms-content .ms-channel-path |
||||
{ |
||||
margin-right:auto; |
||||
align-items:center; |
||||
flex-wrap:nowrap; |
||||
flex-direction:row; |
||||
display:flex; |
||||
width:100%; |
||||
margin-bottom:10px; |
||||
box-sizing:border-box; |
||||
margin-top:10px; |
||||
height:30px; |
||||
margin-left:auto; |
||||
} |
||||
.ms-content .ms-channel-path .ms-channel-path-label |
||||
{ |
||||
font-size:14PX; |
||||
flex-direction:row; |
||||
word-wrap:break-word; |
||||
display:inline-block; |
||||
} |
||||
.ms-content .ms-channel-path .ms-channel-path-index |
||||
{ |
||||
cursor:pointer; |
||||
color:#000; |
||||
font-size:14PX; |
||||
text-decoration:none; |
||||
margin-bottom:0px; |
||||
margin-top:0px; |
||||
} |
||||
.ms-content .ms-channel-path .ms-channel-path-link |
||||
{ |
||||
cursor:pointer; |
||||
color:#000; |
||||
font-size:14PX; |
||||
text-decoration:none; |
||||
margin-bottom:0px; |
||||
margin-top:0px; |
||||
} |
||||
.ms-content .detail |
||||
{ |
||||
background-color:#FFFFFF; |
||||
align-items:flex-start; |
||||
flex-direction:column; |
||||
display:flex; |
||||
padding-right:8px; |
||||
box-sizing:border-box; |
||||
margin-left:0px; |
||||
min-height:800px; |
||||
margin-right:0px; |
||||
padding-bottom:8px; |
||||
flex-wrap:nowrap; |
||||
width:100%; |
||||
margin-bottom:10px; |
||||
padding-top:8px; |
||||
position:relative; |
||||
padding-left:8px; |
||||
margin-top:0px; |
||||
} |
||||
.ms-content .detail .body |
||||
{ |
||||
align-items:center; |
||||
flex-direction:row; |
||||
display:flex; |
||||
padding-right:0px; |
||||
box-sizing:border-box; |
||||
justify-content:flex-start; |
||||
padding-bottom:10px; |
||||
flex-wrap:nowrap; |
||||
width:100%; |
||||
margin-bottom:10px; |
||||
padding-top:10px; |
||||
padding-left:10px; |
||||
margin-top:0px; |
||||
} |
||||
.ms-content .detail .body .type-title |
||||
{ |
||||
cursor:pointer; |
||||
padding-bottom:0px; |
||||
color:#000; |
||||
font-size:18PX; |
||||
text-decoration:none; |
||||
margin-bottom:0px; |
||||
padding-top:0px; |
||||
padding-left:0px; |
||||
} |
||||
.ms-content .detail .ms-news-one-line |
||||
{ |
||||
align-items:center; |
||||
flex-direction:row; |
||||
display:flex; |
||||
padding-right:0px; |
||||
box-sizing:border-box; |
||||
justify-content:space-between; |
||||
margin-left:0px; |
||||
margin-right:0px; |
||||
padding-bottom:0px; |
||||
flex-wrap:nowrap; |
||||
width:100%; |
||||
margin-bottom:0px; |
||||
padding-top:0px; |
||||
padding-left:0px; |
||||
background-repeat:no-repeat; |
||||
background-position-x:10px; |
||||
margin-top:0px; |
||||
} |
||||
.ms-content .detail .ms-news-one-line .ms-news-one-line-dot |
||||
{ |
||||
padding-bottom:0px; |
||||
padding-right:0px; |
||||
font-size:12PX; |
||||
margin-bottom:0px; |
||||
padding-top:0px; |
||||
padding-left:0px; |
||||
} |
||||
.ms-content .detail .ms-news-one-line .ms-news-one-line-link |
||||
{ |
||||
cursor:pointer; |
||||
white-space:nowrap; |
||||
color:#000; |
||||
padding-right:0px; |
||||
text-decoration:none; |
||||
margin-left:0px; |
||||
margin-right:0px; |
||||
padding-bottom:0px; |
||||
overflow:hidden; |
||||
width:70%; |
||||
font-size:16PX; |
||||
margin-bottom:0px; |
||||
padding-top:0px; |
||||
text-overflow:ellipsis; |
||||
padding-left:10px; |
||||
background-position-x:20px; |
||||
} |
||||
.ms-content .detail .ms-news-one-line .ms-news-one-line-date |
||||
{ |
||||
color:#9C9C9C; |
||||
flex-direction:row; |
||||
word-wrap:break-word; |
||||
display:inline-block; |
||||
padding-right:0px; |
||||
margin-left:10px; |
||||
margin-right:10px; |
||||
padding-bottom:0px; |
||||
font-size:14px; |
||||
margin-bottom:0px; |
||||
padding-top:0px; |
||||
padding-left:0px; |
||||
} |
||||
.ms-content .detail .ms-page |
||||
{ |
||||
align-items:center; |
||||
flex-direction:row; |
||||
bottom:0px; |
||||
display:flex; |
||||
padding-right:0px; |
||||
box-sizing:border-box; |
||||
justify-content:center; |
||||
margin-left:0px; |
||||
padding-bottom:0px; |
||||
flex-wrap:nowrap; |
||||
left:0px; |
||||
width:100%; |
||||
margin-bottom:0px; |
||||
padding-top:0px; |
||||
position:absolute; |
||||
padding-left:0px; |
||||
margin-top:0px; |
||||
height:40px; |
||||
} |
||||
.ms-content .detail .ms-page .ms-page-pre |
||||
{ |
||||
cursor:pointer; |
||||
padding-bottom:0px; |
||||
color:#000000; |
||||
padding-right:0px; |
||||
margin-bottom:0px; |
||||
padding-top:0px; |
||||
padding-left:0px; |
||||
margin-top:0px; |
||||
margin-left:0px; |
||||
} |
||||
.ms-content .detail .ms-page .ms-page-no |
||||
{ |
||||
cursor:pointer; |
||||
color:#000000; |
||||
text-align:center; |
||||
flex-direction:row; |
||||
word-wrap:break-word; |
||||
display:inline-block; |
||||
padding-right:0px; |
||||
margin-left:0px; |
||||
padding-bottom:0px; |
||||
width:40px; |
||||
font-size:16PX; |
||||
margin-bottom:0px; |
||||
padding-top:0px; |
||||
padding-left:0px; |
||||
margin-top:0px; |
||||
} |
||||
.ms-content .detail .ms-page .ms-page-no-sel |
||||
{ |
||||
color:#409EFF; |
||||
text-align:center; |
||||
flex-direction:row; |
||||
word-wrap:break-word; |
||||
display:inline-block; |
||||
width:40px; |
||||
font-size:16PX; |
||||
margin-top:0px; |
||||
margin-left:0px; |
||||
} |
||||
.ms-content .detail .ms-page .ms-page-dot |
||||
{ |
||||
text-align:center; |
||||
flex-direction:row; |
||||
word-wrap:break-word; |
||||
display:inline-block; |
||||
width:40px; |
||||
font-size:16PX; |
||||
margin-top:0px; |
||||
margin-left:0px; |
||||
} |
||||
.ms-content .detail .ms-page .ms-page-next |
||||
{ |
||||
cursor:pointer; |
||||
padding-bottom:0px; |
||||
color:#000000; |
||||
padding-right:0px; |
||||
margin-bottom:0px; |
||||
padding-top:0px; |
||||
padding-left:0px; |
||||
margin-top:0px; |
||||
margin-left:0px; |
||||
} |
||||
.ms-right-fixed-top |
||||
{ |
||||
margin:0 auto; |
||||
align-items:center; |
||||
flex-direction:row; |
||||
display:flex; |
||||
box-sizing:border-box; |
||||
justify-content:center; |
||||
margin-left:0px; |
||||
flex-wrap:nowrap; |
||||
width:100%; |
||||
margin-bottom:0px; |
||||
position:relative; |
||||
margin-top:0px; |
||||
height:0px; |
||||
} |
||||
.ms-right-fixed-top >.content |
||||
{ |
||||
align-items:center; |
||||
flex-direction:column; |
||||
display:flex; |
||||
padding-right:0px; |
||||
box-sizing:border-box; |
||||
margin-left:600px; |
||||
padding-bottom:0px; |
||||
top:400px; |
||||
flex-wrap:nowrap; |
||||
left:50%; |
||||
width:40px; |
||||
position:fixed; |
||||
padding-top:0px; |
||||
padding-left:0px; |
||||
z-index:1; |
||||
} |
||||
.ms-right-fixed-top >.content i |
||||
{ |
||||
margin-left:0px; |
||||
} |
||||
.ms-right-fixed-top >.content span |
||||
{ |
||||
background-color:#909399; |
||||
color:#FFFFFF; |
||||
text-align:center; |
||||
flex-direction:row; |
||||
word-wrap:break-word; |
||||
display:inline-block; |
||||
padding-right:5px; |
||||
margin-left:0px; |
||||
padding-bottom:5px; |
||||
width:50px; |
||||
font-size:14px; |
||||
padding-top:5px; |
||||
padding-left:5px; |
||||
height:40%; |
||||
} |
||||
|
||||
}</style> |
||||
@ -0,0 +1,35 @@ |
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<div style="align-items:center;flex-direction:row;background-image:url({ms:global.host/}/{ms:global.style/}/images/1601264474008.png);display:flex;padding-right:0px;box-sizing:border-box;justify-content:center;border-top-left-radius:0px;border-bottom-left-radius:0px;width:100%;border-bottom-right-radius:0px;background-size:auto;border-top-right-radius:0px;background-position:top center;background-repeat:repeat;padding-left:0px;height:152px;"> |
||||
<div style="align-items:center;flex-direction:row;display:flex;padding-right:0px;width:1170px;box-sizing:border-box;padding-top:0px;justify-content:center;height:100%;"> |
||||
<img |
||||
title="" |
||||
alt="" |
||||
src="{@ms:file global.logo/}" |
||||
style="border-bottom-left-radius:0px;width:377px;border-bottom-right-radius:0px;border-top-right-radius:0px;height:74px;border-top-left-radius:0px;"/> |
||||
<div style="align-items:flex-end;flex-direction:column;display:flex;padding-right:120px;box-sizing:border-box;justify-content:center;border-top-left-radius:0px;border-bottom-left-radius:0px;width:100%;border-bottom-right-radius:0px;border-top-right-radius:0px;padding-left:0px;height:100%;"> |
||||
<div style="align-items:center;flex-direction:row;display:flex;padding-right:0px;width:370px;box-sizing:border-box;justify-content:flex-end;height:30px;"> |
||||
<a href="#" style="cursor:pointer;font-size:13px;text-decoration:none;color:#666666;" |
||||
> |
||||
政务邮箱 |
||||
</a> |
||||
</div> |
||||
<div style="align-items:flex-end;flex-direction:row;display:flex;padding-right:0px;box-sizing:border-box;justify-content:center;border-top-left-radius:0px;border-bottom-left-radius:0px;width:270px;border-bottom-right-radius:0px;border-top-right-radius:0px;padding-left:0px;height:21%;"> |
||||
<form id="searchDataForm" action="{ms:global.host/}/mcms/search.do" method="post" style="margin:0;padding:0;width:100%"> |
||||
<div class="ms-search-input"> |
||||
<div class="ms-search-input-div"> |
||||
<!--输入框 - start --> |
||||
<input class="ms-input" placeholder="输入搜索关键字"/> |
||||
<!--输入框 -end --> |
||||
</div> |
||||
<div class="ms-search-button" onclick="document.getElementById('searchDataForm').submit();"> |
||||
<i class="iconfont icon-fangdajing"></i> |
||||
<span> |
||||
搜索 |
||||
</span> |
||||
</div> |
||||
</div> |
||||
</form> </div> </div> </div> </div> |
||||
@ -0,0 +1,718 @@ |
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<html> |
||||
<head> |
||||
<meta charset="utf-8" /> |
||||
<title>{ms:global.name/}</title> |
||||
<meta http-equiv="content-type" content="text/html" /> |
||||
<META HTTP-EQUIV="Pragma" CONTENT="no-cache" /> |
||||
<meta name="viewport" content="initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no,width=device-width"/> |
||||
<meta name="format-detection" content="telephone=no"/> |
||||
<meta name="app-mobile-web-app-capable" content="yes"/> |
||||
<meta name="app-mobile-web-app-status-bar-style" content="black-translucent"/> |
||||
<meta name="keywords" content="{ms:global.keyword/}" /> |
||||
<meta name="description" content="{ms:global.descrip/}" /> |
||||
<script type="text/javascript" src="{ms:global.host/}/static/plugins/vue/2.6.9/vue.min.js"></script> |
||||
<link rel="stylesheet" href="{ms:global.host/}/static/plugins/minireset/0.0.2/minireset.min.css" /> |
||||
<link rel="stylesheet" href="https://cdn.mingsoft.net/iconfont/iconfont.css" /> |
||||
<link rel="stylesheet" href="{ms:global.host/}/static/plugins/animate/4.1.0/animate.min.css"> |
||||
<script src="{ms:global.host/}/static/plugins/element-ui/2.12.0/index.js"></script> |
||||
<link rel="stylesheet" href="{ms:global.host/}/static/plugins/element-ui/2.12.0/index.css" /> |
||||
|
||||
<link rel="stylesheet" href="{ms:global.host/}/{ms:global.style/}/css/app.css" /> |
||||
|
||||
<!--网络请求框架--> |
||||
<script src="{ms:global.host/}/static/plugins/axios/0.18.0/axios.min.js"></script> |
||||
<script src="{ms:global.host/}/static/plugins/qs/6.6.0/qs.min.js"></script> |
||||
<script src="{ms:global.host/}/static/plugins/ms/1.0.0/ms.js"></script> |
||||
<script src="{ms:global.host/}/static/plugins/ms/1.0.0/ms.http.js"></script> |
||||
<script src="{ms:global.host/}/static/plugins/ms/1.0.0/ms.util.js"></script> |
||||
<script> |
||||
ms.base = ""; |
||||
</script> |
||||
<style> |
||||
[v-cloak]{ |
||||
display: none; |
||||
} |
||||
</style> |
||||
</head> |
||||
<body> |
||||
<div id="app" v-cloak> |
||||
|
||||
<#include "header.htm"/> |
||||
|
||||
<#include "search-bar.htm"/> |
||||
|
||||
<div class="ms-content"> |
||||
<div class="ms-search"> |
||||
<span > |
||||
搜索结果 |
||||
</span> |
||||
<span > |
||||
${ms:search.content_title/} |
||||
</span> |
||||
</div> |
||||
<div class="detail"> |
||||
<!--新闻列表(一行)-start--> |
||||
<div class="ms-news-one-line"> |
||||
<i class="iconfont icon-fangkuai ms-news-one-line-dot" ></i> |
||||
<a href="${global.url}${field.link}" |
||||
class="ms-news-one-line-link"> |
||||
${field.title} |
||||
</a> |
||||
<span class="ms-news-one-line-date" > |
||||
${field.date?string("yyyy-MM-dd")} |
||||
</span> |
||||
</div> <!--新闻列表(一行)-end--> |
||||
<#assign pagerCount=3 /> |
||||
<#assign pageCount=page.total /> |
||||
<#assign currentPage=page.cur /> |
||||
<#assign halfPagerCount=(pagerCount-1)/2/> |
||||
<#assign showPrevMore=false /> |
||||
<#assign showNextMore=false /> |
||||
<#assign arr=[] /> |
||||
<#--判断是否有翻页--> |
||||
<#if pageCount gt pagerCount> |
||||
<#if currentPage gt pagerCount - halfPagerCount> |
||||
<#assign showPrevMore=true /> |
||||
</#if> |
||||
<#if currentPage lt pageCount - halfPagerCount> |
||||
<#assign showNextMore=true /> |
||||
</#if> |
||||
</#if> |
||||
<#--计算页码--> |
||||
<#if showPrevMore&&!showNextMore> |
||||
<#assign startPage=pageCount - (pagerCount - 2) /> |
||||
<#list startPage..pageCount-1 as x> |
||||
<#assign arr=arr+[x] /> |
||||
</#list> |
||||
<#elseif !showPrevMore && showNextMore> |
||||
<#list 2..pagerCount as x> |
||||
<#assign arr=arr+[x] /> |
||||
</#list> |
||||
<#elseif showPrevMore && showNextMore> |
||||
<#assign offset=(pagerCount / 2)?floor - 1 /> |
||||
<#list currentPage - offset..currentPage + offset as x> |
||||
<#assign arr=arr+[x] /> |
||||
</#list> |
||||
<#else> |
||||
<#list 2..pageCount as x> |
||||
<#if x lt pageCount> |
||||
<#assign arr=arr+[x] /> |
||||
</#if> |
||||
</#list> |
||||
</#if> |
||||
<div class="ms-page"> |
||||
<a href="{ms:global.url/}{ms:page.pre/}"> |
||||
<i class="iconfont icon-zuojiantou ms-page-pre"></i> |
||||
</a> |
||||
<#--第一页--> |
||||
<#if pageCount gt 0> |
||||
<a href="{ms:global.url/}{ms:page.index/}"> |
||||
<#if 1==currentPage> |
||||
<span class="ms-page-no-sel">1</span> |
||||
<#else> |
||||
<span class="ms-page-no">1</span> |
||||
</#if> |
||||
</a> |
||||
</#if> |
||||
<#--翻页的省略号--> |
||||
<#if showPrevMore> |
||||
<span class="ms-page-dot"> |
||||
... |
||||
</span> |
||||
</#if> |
||||
<#--中间的页码--> |
||||
<#list arr as x> |
||||
<a href="{ms:global.url/}${field.categoryPath}/list-${x}.html"> |
||||
<#if x==currentPage> |
||||
<span class="ms-page-no-sel">${x}</span> |
||||
<#else> |
||||
<span class="ms-page-no">${x}</span> |
||||
</#if> |
||||
</a> |
||||
</#list> |
||||
<#-- 最后一页--> |
||||
<#if pageCount gt 1> |
||||
<a href="{ms:global.url/}${field.categoryPath}/list-${pageCount}.html"> |
||||
<#if pageCount==currentPage> |
||||
<span class="ms-page-no-sel">${pageCount}</span> |
||||
<#else> |
||||
<span class="ms-page-no">${pageCount}</span> |
||||
</#if> |
||||
</a> |
||||
</#if> |
||||
<a href="{ms:global.url/}{ms:page.next/}"> |
||||
<i class="iconfont icon-youjiantou ms-page-next"></i> |
||||
</a> |
||||
<#--span> |
||||
前往 |
||||
<input type="number" onchange="location.href='{ms:global.url/}${field.categoryPath}/'+((this.value<=1?'index':('list-'+(this.value>${pageCount}?${pageCount}:this.value)))+'.html')"> |
||||
页 |
||||
</span--> |
||||
</div> |
||||
</div> </div> <!--返回顶部-start--> |
||||
|
||||
<div class="ms-right-fixed-top"> |
||||
<!--内容区域-start--> |
||||
<div class="content"> |
||||
<i class="iconfont icon-shang" ></i> |
||||
<span > |
||||
回到顶部 |
||||
</span> |
||||
</div> <!--内容区域-end--> |
||||
</div> <!--返回顶部-end--> |
||||
|
||||
<#include "footer.htm"/> |
||||
</div> |
||||
</body> |
||||
</html> |
||||
|
||||
<script> |
||||
var app = new Vue({ |
||||
el: '#app', |
||||
watch:{ |
||||
}, |
||||
data: { |
||||
}, |
||||
methods: { |
||||
switchShow:function(arr){ |
||||
var that = this |
||||
arr.forEach(function(x){ |
||||
let e = that.$el.querySelector("#key_"+x) |
||||
if(e){ |
||||
e.style.display=e.style.display=='none'?'flex':'none' |
||||
} |
||||
}) |
||||
}, |
||||
}, |
||||
created(){ |
||||
} |
||||
}) |
||||
</script> |
||||
|
||||
<style> |
||||
body { |
||||
background-color:#f5f5f5; |
||||
box-sizing:border-box; |
||||
font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Segoe UI", "Helvetica Neue", "PingFang SC", "Noto Sans", "Noto Sans CJK SC", "Microsoft YaHei", 微软雅黑, sans-serif; |
||||
moz-box-sizing:border-box; |
||||
webkit-box-sizing:border-box; |
||||
} |
||||
|
||||
.ms-content |
||||
{ |
||||
align-items:center; |
||||
flex-direction:column; |
||||
display:flex; |
||||
padding-right:0px; |
||||
box-sizing:border-box; |
||||
justify-content:center; |
||||
padding-bottom:0px; |
||||
flex-wrap:nowrap; |
||||
width:100%; |
||||
margin-bottom:0px; |
||||
padding-top:0px; |
||||
padding-left:0px; |
||||
margin-top:0px; |
||||
height:100%; |
||||
} |
||||
.ms-content .ms-search |
||||
{ |
||||
align-items:center; |
||||
flex-direction:row; |
||||
display:flex; |
||||
padding-right:0px; |
||||
box-sizing:border-box; |
||||
justify-content:flex-start; |
||||
margin-right:0px; |
||||
padding-bottom:0px; |
||||
flex-wrap:nowrap; |
||||
width:1170px; |
||||
margin-bottom:0px; |
||||
padding-top:0px; |
||||
padding-left:0px; |
||||
margin-top:0px; |
||||
height:40px; |
||||
} |
||||
.ms-content .ms-search span |
||||
{ |
||||
margin-right:10px; |
||||
padding-bottom:0px; |
||||
flex-direction:row; |
||||
word-wrap:break-word; |
||||
display:inline-block; |
||||
padding-right:0px; |
||||
font-size:14px; |
||||
margin-bottom:0px; |
||||
padding-top:0px; |
||||
padding-left:0px; |
||||
} |
||||
.ms-content .detail |
||||
{ |
||||
background-color:#FFFFFF; |
||||
align-items:flex-start; |
||||
flex-direction:column; |
||||
display:flex; |
||||
padding-right:20px; |
||||
box-sizing:border-box; |
||||
margin-left:0px; |
||||
min-height:800px; |
||||
margin-right:0px; |
||||
padding-bottom:20px; |
||||
flex-wrap:nowrap; |
||||
width:1170px; |
||||
margin-bottom:0px; |
||||
padding-top:20px; |
||||
position:relative; |
||||
padding-left:20px; |
||||
margin-top:0px; |
||||
height:300px; |
||||
} |
||||
.ms-content .detail .ms-news-one-line |
||||
{ |
||||
align-items:center; |
||||
flex-direction:row; |
||||
display:flex; |
||||
padding-right:0px; |
||||
box-sizing:border-box; |
||||
background-position:20px center; |
||||
justify-content:flex-start; |
||||
margin-left:0px; |
||||
margin-right:0px; |
||||
padding-bottom:10px; |
||||
flex-wrap:nowrap; |
||||
width:100%; |
||||
margin-bottom:0px; |
||||
padding-top:10px; |
||||
padding-left:20px; |
||||
background-repeat:no-repeat; |
||||
background-position-x:20px; |
||||
margin-top:0px; |
||||
} |
||||
.ms-content .detail .ms-news-one-line .ms-news-one-line-dot |
||||
{ |
||||
padding-bottom:0px; |
||||
padding-right:0px; |
||||
font-size:12PX; |
||||
margin-bottom:0px; |
||||
padding-top:0px; |
||||
padding-left:0px; |
||||
} |
||||
.ms-content .detail .ms-news-one-line .ms-news-one-line-link |
||||
{ |
||||
cursor:pointer; |
||||
color:#000; |
||||
padding-right:0px; |
||||
text-decoration:none; |
||||
margin-left:0px; |
||||
margin-right:0px; |
||||
padding-bottom:0px; |
||||
font-size:16PX; |
||||
margin-bottom:0px; |
||||
padding-top:0px; |
||||
padding-left:0px; |
||||
background-position-x:20px; |
||||
} |
||||
.ms-content .detail .ms-news-one-line .ms-news-one-line-date |
||||
{ |
||||
margin-right:10px; |
||||
padding-bottom:0px; |
||||
color:#9C9C9C; |
||||
flex-direction:row; |
||||
word-wrap:break-word; |
||||
display:inline-block; |
||||
font-size:14px; |
||||
margin-bottom:0px; |
||||
padding-top:0px; |
||||
padding-left:0px; |
||||
margin-left:10px; |
||||
} |
||||
.ms-content .detail .ms-page |
||||
{ |
||||
align-items:center; |
||||
flex-direction:row; |
||||
bottom:0px; |
||||
display:flex; |
||||
padding-right:0px; |
||||
box-sizing:border-box; |
||||
justify-content:center; |
||||
margin-left:0px; |
||||
padding-bottom:0px; |
||||
flex-wrap:nowrap; |
||||
left:0px; |
||||
width:100%; |
||||
margin-bottom:0px; |
||||
padding-top:0px; |
||||
position:absolute; |
||||
padding-left:0px; |
||||
margin-top:0px; |
||||
height:40px; |
||||
} |
||||
.ms-content .detail .ms-page .ms-page-left |
||||
{ |
||||
margin-bottom:0px; |
||||
margin-top:0px; |
||||
margin-left:0px; |
||||
} |
||||
.ms-content .detail .ms-page .ms-page-no |
||||
{ |
||||
text-align:center; |
||||
flex-direction:row; |
||||
word-wrap:break-word; |
||||
display:inline-block; |
||||
width:40px; |
||||
font-size:16PX; |
||||
margin-top:0px; |
||||
margin-left:0px; |
||||
} |
||||
.ms-content .detail .ms-page .ms-page-no-sel |
||||
{ |
||||
color:#409EFF; |
||||
text-align:center; |
||||
flex-direction:row; |
||||
word-wrap:break-word; |
||||
display:inline-block; |
||||
width:40px; |
||||
font-size:16PX; |
||||
margin-top:0px; |
||||
margin-left:0px; |
||||
} |
||||
.ms-content .detail .ms-page .ms-page-dot |
||||
{ |
||||
text-align:center; |
||||
flex-direction:row; |
||||
word-wrap:break-word; |
||||
display:inline-block; |
||||
width:40px; |
||||
font-size:16PX; |
||||
margin-top:0px; |
||||
margin-left:0px; |
||||
} |
||||
.ms-content .detail .ms-page .ms-page-right |
||||
{ |
||||
margin-top:0px; |
||||
margin-left:0px; |
||||
} |
||||
.ms-right-fixed-top |
||||
{ |
||||
margin:0 auto; |
||||
align-items:center; |
||||
flex-direction:row; |
||||
display:flex; |
||||
padding-right:0px; |
||||
box-sizing:border-box; |
||||
justify-content:center; |
||||
margin-left:0px; |
||||
padding-bottom:0px; |
||||
flex-wrap:nowrap; |
||||
width:1200px; |
||||
margin-bottom:0px; |
||||
position:relative; |
||||
padding-top:0px; |
||||
padding-left:0px; |
||||
margin-top:0px; |
||||
height:0px; |
||||
} |
||||
.ms-right-fixed-top >.content |
||||
{ |
||||
align-items:center; |
||||
flex-direction:column; |
||||
display:flex; |
||||
padding-right:0px; |
||||
box-sizing:border-box; |
||||
margin-left:600px; |
||||
padding-bottom:0px; |
||||
top:400px; |
||||
flex-wrap:nowrap; |
||||
left:50%; |
||||
width:40px; |
||||
position:fixed; |
||||
padding-top:0px; |
||||
padding-left:0px; |
||||
z-index:1; |
||||
} |
||||
.ms-right-fixed-top >.content i |
||||
{ |
||||
padding-bottom:0px; |
||||
padding-top:0px; |
||||
padding-left:0px; |
||||
padding-right:0px; |
||||
margin-left:0px; |
||||
} |
||||
.ms-right-fixed-top >.content span |
||||
{ |
||||
background-color:#909399; |
||||
color:#FFFFFF; |
||||
text-align:center; |
||||
flex-direction:row; |
||||
word-wrap:break-word; |
||||
display:inline-block; |
||||
padding-right:5px; |
||||
margin-left:0px; |
||||
padding-bottom:5px; |
||||
width:50px; |
||||
font-size:14px; |
||||
padding-top:5px; |
||||
padding-left:5px; |
||||
height:40%; |
||||
} |
||||
@media (max-width: 768px){ |
||||
.ms-content |
||||
{ |
||||
align-items:center; |
||||
flex-direction:column; |
||||
display:flex; |
||||
padding-right:0px; |
||||
box-sizing:border-box; |
||||
justify-content:center; |
||||
padding-bottom:0px; |
||||
flex-wrap:nowrap; |
||||
width:100%; |
||||
margin-bottom:0px; |
||||
padding-top:0px; |
||||
padding-left:0px; |
||||
margin-top:0px; |
||||
height:unset; |
||||
} |
||||
.ms-content .ms-search |
||||
{ |
||||
align-items:center; |
||||
flex-direction:row; |
||||
display:flex; |
||||
padding-right:0px; |
||||
box-sizing:border-box; |
||||
justify-content:flex-start; |
||||
margin-right:0px; |
||||
padding-bottom:0px; |
||||
flex-wrap:nowrap; |
||||
width:100%; |
||||
margin-bottom:0px; |
||||
padding-top:0px; |
||||
padding-left:0px; |
||||
margin-top:0px; |
||||
height:40px; |
||||
} |
||||
.ms-content .ms-search span |
||||
{ |
||||
margin-right:10px; |
||||
padding-bottom:0px; |
||||
flex-direction:row; |
||||
word-wrap:break-word; |
||||
display:inline-block; |
||||
padding-right:0px; |
||||
font-size:14px; |
||||
margin-bottom:0px; |
||||
padding-top:0px; |
||||
padding-left:0px; |
||||
} |
||||
.ms-content .detail |
||||
{ |
||||
background-color:#FFFFFF; |
||||
align-items:flex-start; |
||||
flex-direction:column; |
||||
display:flex; |
||||
padding-right:10px; |
||||
box-sizing:border-box; |
||||
margin-left:0px; |
||||
min-height:800px; |
||||
margin-right:0px; |
||||
padding-bottom:10px; |
||||
flex-wrap:nowrap; |
||||
width:100%; |
||||
margin-bottom:10px; |
||||
padding-top:10px; |
||||
position:relative; |
||||
padding-left:10px; |
||||
margin-top:0px; |
||||
height:300px; |
||||
} |
||||
.ms-content .detail .ms-news-one-line |
||||
{ |
||||
align-items:center; |
||||
flex-direction:row; |
||||
display:flex; |
||||
padding-right:0px; |
||||
box-sizing:border-box; |
||||
background-position:20px center; |
||||
justify-content:flex-start; |
||||
margin-left:0px; |
||||
margin-right:0px; |
||||
padding-bottom:10px; |
||||
flex-wrap:nowrap; |
||||
width:100%; |
||||
margin-bottom:0px; |
||||
padding-top:10px; |
||||
padding-left:0px; |
||||
background-repeat:no-repeat; |
||||
background-position-x:20px; |
||||
margin-top:0px; |
||||
} |
||||
.ms-content .detail .ms-news-one-line .ms-news-one-line-dot |
||||
{ |
||||
padding-bottom:0px; |
||||
padding-right:0px; |
||||
font-size:12PX; |
||||
margin-bottom:0px; |
||||
padding-top:0px; |
||||
padding-left:0px; |
||||
} |
||||
.ms-content .detail .ms-news-one-line .ms-news-one-line-link |
||||
{ |
||||
cursor:pointer; |
||||
white-space:nowrap; |
||||
color:#000; |
||||
padding-right:0px; |
||||
text-decoration:none; |
||||
margin-left:0px; |
||||
margin-right:0px; |
||||
padding-bottom:0px; |
||||
overflow:hidden; |
||||
width:70%; |
||||
font-size:16PX; |
||||
margin-bottom:0px; |
||||
padding-top:0px; |
||||
text-overflow:ellipsis; |
||||
padding-left:0px; |
||||
background-position-x:20px; |
||||
} |
||||
.ms-content .detail .ms-news-one-line .ms-news-one-line-date |
||||
{ |
||||
margin-right:10px; |
||||
padding-bottom:0px; |
||||
color:#9C9C9C; |
||||
flex-direction:row; |
||||
word-wrap:break-word; |
||||
display:inline-block; |
||||
font-size:14px; |
||||
margin-bottom:0px; |
||||
padding-top:0px; |
||||
padding-left:0px; |
||||
margin-left:10px; |
||||
} |
||||
.ms-content .detail .ms-page |
||||
{ |
||||
align-items:center; |
||||
flex-direction:row; |
||||
bottom:0px; |
||||
display:flex; |
||||
padding-right:0px; |
||||
box-sizing:border-box; |
||||
justify-content:center; |
||||
margin-left:0px; |
||||
padding-bottom:0px; |
||||
flex-wrap:nowrap; |
||||
left:0px; |
||||
width:100%; |
||||
margin-bottom:0px; |
||||
padding-top:0px; |
||||
position:absolute; |
||||
padding-left:0px; |
||||
margin-top:0px; |
||||
height:40px; |
||||
} |
||||
.ms-content .detail .ms-page .ms-page-left |
||||
{ |
||||
margin-bottom:0px; |
||||
margin-top:0px; |
||||
margin-left:0px; |
||||
} |
||||
.ms-content .detail .ms-page .ms-page-no |
||||
{ |
||||
text-align:center; |
||||
flex-direction:row; |
||||
word-wrap:break-word; |
||||
display:inline-block; |
||||
width:40px; |
||||
font-size:16PX; |
||||
margin-top:0px; |
||||
margin-left:0px; |
||||
} |
||||
.ms-content .detail .ms-page .ms-page-no-sel |
||||
{ |
||||
color:#409EFF; |
||||
text-align:center; |
||||
flex-direction:row; |
||||
word-wrap:break-word; |
||||
display:inline-block; |
||||
width:40px; |
||||
font-size:16PX; |
||||
margin-top:0px; |
||||
margin-left:0px; |
||||
} |
||||
.ms-content .detail .ms-page .ms-page-dot |
||||
{ |
||||
text-align:center; |
||||
flex-direction:row; |
||||
word-wrap:break-word; |
||||
display:inline-block; |
||||
width:40px; |
||||
font-size:16PX; |
||||
margin-top:0px; |
||||
margin-left:0px; |
||||
} |
||||
.ms-content .detail .ms-page .ms-page-right |
||||
{ |
||||
margin-top:0px; |
||||
margin-left:0px; |
||||
} |
||||
.ms-right-fixed-top |
||||
{ |
||||
margin:0 auto; |
||||
align-items:center; |
||||
flex-direction:row; |
||||
display:flex; |
||||
box-sizing:border-box; |
||||
justify-content:center; |
||||
margin-left:0px; |
||||
flex-wrap:nowrap; |
||||
width:100%; |
||||
margin-bottom:0px; |
||||
position:relative; |
||||
margin-top:0px; |
||||
height:0px; |
||||
} |
||||
.ms-right-fixed-top >.content |
||||
{ |
||||
align-items:center; |
||||
flex-direction:column; |
||||
display:flex; |
||||
padding-right:0px; |
||||
box-sizing:border-box; |
||||
margin-left:600px; |
||||
padding-bottom:0px; |
||||
top:400px; |
||||
flex-wrap:nowrap; |
||||
left:50%; |
||||
width:40px; |
||||
position:fixed; |
||||
padding-top:0px; |
||||
padding-left:0px; |
||||
z-index:1; |
||||
} |
||||
.ms-right-fixed-top >.content i |
||||
{ |
||||
margin-left:0px; |
||||
} |
||||
.ms-right-fixed-top >.content span |
||||
{ |
||||
background-color:#909399; |
||||
color:#FFFFFF; |
||||
text-align:center; |
||||
flex-direction:row; |
||||
word-wrap:break-word; |
||||
display:inline-block; |
||||
padding-right:5px; |
||||
margin-left:0px; |
||||
padding-bottom:5px; |
||||
width:50px; |
||||
font-size:14px; |
||||
padding-top:5px; |
||||
padding-left:5px; |
||||
height:40%; |
||||
} |
||||
|
||||
}</style> |
||||
@ -1,3 +0,0 @@ |
||||
@media (max-width: 768px){ |
||||
|
||||
} |
||||
@ -1,163 +0,0 @@ |
||||
|
||||
|
||||
|
||||
<!--底部导航 - start --> |
||||
<div class="footer"> |
||||
<!--友情链接 - start --> |
||||
<div class="links"> |
||||
<div class="body"> |
||||
<span > |
||||
网站导航 |
||||
</span> |
||||
<div class="link"> |
||||
<!--下拉框 - start --> |
||||
<!--下拉框 -end --> |
||||
</div> |
||||
<div class="link"> |
||||
<!--下拉框 - start --> |
||||
<!--下拉框 -end --> |
||||
</div> |
||||
<div class="link"> |
||||
<!--下拉框 - start --> |
||||
<!--下拉框 -end --> |
||||
</div> |
||||
<div class="link"> |
||||
<!--下拉框 - start --> |
||||
<!--下拉框 -end --> |
||||
</div> |
||||
<div class="link"> |
||||
<!--下拉框 - start --> |
||||
<!--下拉框 -end --> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<!--友情链接 -end --> |
||||
<!--版权信息 - start --> |
||||
<div class="copyright"> |
||||
<div class="body"> |
||||
<img |
||||
title="" |
||||
alt="" |
||||
|
||||
src="{ms:global.host/}/{ms:global.style/}/images/1602123532415.png" |
||||
/> |
||||
<div class="desc"> |
||||
<div class="text"> |
||||
<div > |
||||
<a href="#" |
||||
> |
||||
关于我们 |
||||
</a> |
||||
<span > |
||||
| |
||||
</span> |
||||
<a href="#" |
||||
> |
||||
网站地图 |
||||
</a> |
||||
</div> |
||||
</div> |
||||
<div class="text"> |
||||
<a href="#" |
||||
> |
||||
主办:江西省人民政府办公厅 |
||||
</a> |
||||
<a href="#" |
||||
> |
||||
承办:江西省信息中心 |
||||
</a> |
||||
</div> |
||||
<div class="text"> |
||||
<a href="#" |
||||
> |
||||
赣ICP备05004294号 |
||||
</a> |
||||
<a href="#" |
||||
> |
||||
政府网站标识码3600000012 |
||||
</a> |
||||
<a href="#" |
||||
> |
||||
赣公网安备 36010802000128号 |
||||
</a> |
||||
</div> |
||||
<div class="ms-designer"> |
||||
<a href="www.mingsoft.net" |
||||
target="_blank" |
||||
> |
||||
@该网页由MDesigner制作完成 |
||||
</a> |
||||
</div> |
||||
</div> |
||||
<div class="right"> |
||||
<div class="img"> |
||||
<img |
||||
title="" |
||||
alt="" |
||||
|
||||
src="http://www.gov.cn/govweb/xhtml/2016gov/guowuyuan/20190301gwykhd/images/icon_1234.png" |
||||
/> |
||||
<span > |
||||
国务院客户端 |
||||
</span> |
||||
</div> |
||||
<div class="img"> |
||||
<img |
||||
title="" |
||||
alt="" |
||||
|
||||
src="http://www.gov.cn/govweb/xhtml/2016gov/guowuyuan/20190301gwykhd/images/icon_724.png" |
||||
/> |
||||
<span > |
||||
国务院小程序 |
||||
</span> |
||||
</div> |
||||
<div class="wx"> |
||||
<div > |
||||
<img |
||||
title="" |
||||
alt="" |
||||
|
||||
src="http://www.gov.cn/govweb/xhtml/2016gov/guowuyuan/20190301gwykhd/images/icon_1434.png" |
||||
/> |
||||
<img |
||||
title="" |
||||
alt="" |
||||
|
||||
src="http://www.gov.cn/govweb/xhtml/2016gov/guowuyuan/20190301gwykhd/images/icon_1534.png" |
||||
/> |
||||
<span > |
||||
中国政府网微博、微信 |
||||
</span> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<!--版权信息 -end --> |
||||
<!--左漂浮 - start --> |
||||
<div class="left-fixed"> |
||||
<div class="content"> |
||||
<img |
||||
title="" |
||||
alt="" |
||||
|
||||
src="https://iph.href.lu/100x100" |
||||
/> |
||||
</div> |
||||
</div> |
||||
<!--左漂浮 -end --> |
||||
<!--右漂浮 - start --> |
||||
<div class="right-fixed"> |
||||
<div class="content"> |
||||
<img |
||||
title="" |
||||
alt="" |
||||
|
||||
src="https://iph.href.lu/100x100" |
||||
/> |
||||
</div> |
||||
</div> |
||||
<!--右漂浮 -end --> |
||||
</div> |
||||
<!--底部导航 -end --> |
||||
@ -1,66 +0,0 @@ |
||||
|
||||
|
||||
|
||||
<!--导航 - start --> |
||||
<div class="header"> |
||||
<!--中间区域 - start --> |
||||
<div class="center"> |
||||
<!--左侧 - start --> |
||||
<div class="left"> |
||||
<a href="${global.url}" |
||||
> |
||||
${field.typetitle} |
||||
</a> |
||||
{ms:channel active='nav-sel' type='nav' flag='n'} |
||||
<a href="${global.url}${field.typelink}" |
||||
class="${field.active}"> |
||||
${field.typetitle} |
||||
</a> |
||||
{/ms:channel} |
||||
</div> |
||||
<!--左侧 -end --> |
||||
<!--手机端 - start --> |
||||
<div @click='switchShow(["1601304203000_30278"]);' class="h5-menu"> |
||||
<i class="iconfont icon-caidan icon" ></i> |
||||
<!--手机端菜单 - start --> |
||||
<div id="key_1601304203000_30278" |
||||
style="background-color:#2D548F;top:60px;left:0px;flex-direction:column;display:none;width:100vw;box-sizing:border-box;padding-top:0px;position:absolute;padding-left:0px;"> |
||||
{ms:channel type='nav' flag='n'} |
||||
<a href="${global.url}${field.typelink}" |
||||
class="class-1"> |
||||
${field.typetitle} |
||||
</a> |
||||
{/ms:channel} |
||||
</div> |
||||
<!--手机端菜单 -end --> |
||||
</div> |
||||
<!--手机端 -end --> |
||||
<!--副链接 - start --> |
||||
<div class="right"> |
||||
<a href="http://www.gov.cn/" |
||||
target="_blank" |
||||
> |
||||
中国政府网 |
||||
</a> |
||||
<span > |
||||
| |
||||
</span> |
||||
<a href="http://www.jxrd.gov.cn/" |
||||
target="_blank" |
||||
> |
||||
省人大 |
||||
</a> |
||||
<span > |
||||
| |
||||
</span> |
||||
<a href="http://jxzx.jxnews.com.cn/" |
||||
target="_blank" |
||||
> |
||||
省政协 |
||||
</a> |
||||
</div> |
||||
<!--副链接 -end --> |
||||
</div> |
||||
<!--中间区域 -end --> |
||||
</div> |
||||
<!--导航 -end --> |
||||
@ -1,43 +0,0 @@ |
||||
|
||||
|
||||
|
||||
<!--搜索区域 - start --> |
||||
<div class="search"> |
||||
<div class="center"> |
||||
<img |
||||
title="" |
||||
alt="" |
||||
|
||||
src="{@ms:file global.logo/}" |
||||
class="logo" /> |
||||
<div class="right"> |
||||
<div class="top"> |
||||
<a href="#" |
||||
> |
||||
政务邮箱 |
||||
</a> |
||||
</div> |
||||
<div class="search"> |
||||
<!--搜索 - start --> |
||||
<form id="searchDataForm" action="{ms:global.host/}/mcms/search.do" method="post" style="margin:0;padding:0;width:100%"> |
||||
<div class="ms-search-input"> |
||||
|
||||
<div class="ms-search-input-div"> |
||||
<!--输入框 - start --> |
||||
<input class="ms-input" placeholder="输入搜索关键字"/> |
||||
<!--输入框 -end --> |
||||
</div> |
||||
<div class="ms-search-button" onclick="document.getElementById('searchDataForm').submit();"> |
||||
<i class="iconfont icon-fangdajing"></i> |
||||
<span> |
||||
搜索 |
||||
</span> |
||||
</div> |
||||
|
||||
</div> |
||||
</form> <!--搜索 -end --> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<!--搜索区域 -end --> |
||||