You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
420 lines
13 KiB
420 lines
13 KiB
<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 "nav.htm" /> |
|
<div class="search"> |
|
<div class="body"> |
|
<span> 关键字 <span style="color: red">{ms:search.content_title/}</span> </span> |
|
<div class="right-body"> |
|
<#assign isEmpty=true> |
|
{ms:arclist size=10 ispaging=true} |
|
<#assign isEmpty=false> |
|
<div class="news-item"> |
|
<div class="pic"> |
|
<img title="" alt="" src="{ms:global.host/}/{@ms:file field.litpic/}"> |
|
</div> |
|
<div class="news-content"> |
|
<a href="{ms:global.url/}${field.link}" class="title"> ${field.title} </a> |
|
<span class="desc"> ${field.descrip} </span> |
|
</div> |
|
</div> |
|
{/ms:arclist} |
|
<#if isEmpty> |
|
<span style="width: 100%; text-align:center;min-height: 300px;display: flex;justify-content: center;align-items: center;"> |
|
没有找到 "<span style="color: red">${search.content_title}</span>" 相关记录 |
|
</span> |
|
</#if> |
|
</div> |
|
<div class="page"> |
|
<el-pagination |
|
background |
|
@current-change="handleCurrentChange" |
|
:page-size="pageSize" |
|
:current-page.sync="pageCur" |
|
layout="prev, pager, next, jumper" |
|
:total="contentCount"> </el-pagination> |
|
|
|
</div> |
|
</div> |
|
</div> |
|
<#include "footer.htm" /> |
|
</div> |
|
<script> |
|
var app = new Vue({ |
|
el: '#app', |
|
watch:{ |
|
}, |
|
data: { |
|
//当前页数 |
|
pageCur: ${(page.cur)!1}, |
|
//每页文章条数 |
|
pageSize: ${(page.size)!20}, |
|
//页数总数 |
|
pageTotal: ${(page.total)!0}, |
|
//内容总数 |
|
contentCount: ${(page.rcount)!0}, |
|
keyword: "{ms:search.content_title/}", |
|
categoryIds: "1329257282518720513,1329257213283344385" |
|
}, |
|
methods: { |
|
handleCurrentChange:function(val) { |
|
var form = document.createElement("form"); |
|
form.setAttribute("method", "post"); |
|
var input = document.createElement('input'); |
|
input.setAttribute('type', 'hidden'); |
|
input.setAttribute('name', 'size'); |
|
input.setAttribute('value', this.pageSize); |
|
form.append(input); |
|
input = document.createElement('input'); |
|
input.setAttribute('type', 'hidden'); |
|
input.setAttribute('name', 'pageNo'); |
|
input.setAttribute('value', val); |
|
form.append(input); |
|
input = document.createElement('input'); |
|
input.setAttribute('type', 'hidden'); |
|
input.setAttribute('name', 'content_title'); |
|
input.setAttribute('value', this.keyword); |
|
form.append(input); |
|
input = document.createElement('input'); |
|
input.setAttribute('type', 'hidden'); |
|
input.setAttribute('name', 'categoryIds'); |
|
input.setAttribute('value', this.categoryIds); |
|
form.append(input); |
|
|
|
form.setAttribute("action",location.pathname); |
|
document.body.appendChild(form); |
|
form.submit(); |
|
form.remove(); |
|
|
|
|
|
// location.href = location.pathname + "?size=" + this.pageSize + "&pageNo=" + val + "&content_title=" + this.keyword + "&categoryIds=" + this.categoryIds; |
|
}, |
|
}, |
|
created(){ |
|
} |
|
}) |
|
</script> |
|
<style> |
|
body { |
|
background-color:#fff; |
|
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; |
|
} |
|
|
|
.search |
|
{ |
|
align-items:center; |
|
flex-direction:row; |
|
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; |
|
} |
|
.search .body |
|
{ |
|
flex-direction:column; |
|
display:flex; |
|
padding-right:0px; |
|
box-sizing:border-box; |
|
justify-content:center; |
|
padding-bottom:20px; |
|
flex-wrap:nowrap; |
|
width:1200px; |
|
margin-bottom:0px; |
|
padding-top:20px; |
|
padding-left:0px; |
|
margin-top:0px; |
|
height:100%; |
|
} |
|
.search .body span |
|
{ |
|
padding-bottom:0px; |
|
flex-direction:row; |
|
word-wrap:break-word; |
|
display:inline-block; |
|
font-size:14px; |
|
margin-bottom:0px; |
|
padding-top:0px; |
|
margin-top:0px; |
|
} |
|
.search .body .page { |
|
padding-right: 0px; |
|
padding-bottom: 0px; |
|
flex-wrap: nowrap; |
|
height: 60px; |
|
align-items: center; |
|
justify-content: center; |
|
padding-left: 0px; |
|
box-sizing: border-box; |
|
padding-top: 0px; |
|
flex-direction: row; |
|
display: flex; |
|
width: 100%; |
|
} |
|
|
|
.search .body .right-body |
|
{ |
|
align-items:flex-start; |
|
flex-direction:column; |
|
display:flex; |
|
padding-right:0px; |
|
box-sizing:border-box; |
|
margin-left:0px; |
|
margin-right:0px; |
|
padding-bottom:10px; |
|
width:100%; |
|
margin-bottom:0px; |
|
padding-top:10px; |
|
padding-left:0px; |
|
margin-top:0px; |
|
height:100%; |
|
} |
|
.search .body .right-body .news-item |
|
{ |
|
padding-bottom:0px; |
|
flex-wrap:nowrap; |
|
flex-direction:row; |
|
display:flex; |
|
padding-right:0px; |
|
width:100%; |
|
box-sizing:border-box; |
|
margin-bottom:10px; |
|
padding-top:0px; |
|
padding-left:0px; |
|
margin-top:0px; |
|
height:120px; |
|
} |
|
.search .body .right-body .news-item .pic |
|
{ |
|
padding-bottom:0px; |
|
flex-wrap:nowrap; |
|
flex-direction:row; |
|
display:flex; |
|
width:200px; |
|
box-sizing:border-box; |
|
padding-top:0px; |
|
height:120px; |
|
} |
|
.search .body .right-body .news-item .pic img |
|
{ |
|
margin-right:0px; |
|
padding-bottom:0px; |
|
padding-right:0px; |
|
width:100%; |
|
margin-bottom:0px; |
|
padding-top:0px; |
|
padding-left:0px; |
|
height:100%; |
|
margin-left:0px; |
|
} |
|
.search .body .right-body .news-item .news-content |
|
{ |
|
padding-bottom:0px; |
|
flex-wrap:nowrap; |
|
flex-direction:column; |
|
display:flex; |
|
padding-right:0px; |
|
width:100%; |
|
box-sizing:border-box; |
|
padding-top:0px; |
|
position:relative; |
|
padding-left:10px; |
|
justify-content:flex-start; |
|
height:100%; |
|
} |
|
.search .body .right-body .news-item .news-content .title |
|
{ |
|
padding-bottom:0px; |
|
flex-direction:row; |
|
word-wrap:break-word; |
|
display:inline-block; |
|
font-size:18PX; |
|
padding-top:0px; |
|
padding-left:0px; |
|
} |
|
.search .body .right-body .news-item .news-content .desc |
|
{ |
|
padding-bottom:8px; |
|
color:#909399; |
|
flex-direction:row; |
|
word-wrap:break-word; |
|
display:inline-block; |
|
padding-right:0px; |
|
font-size:16PX; |
|
margin-bottom:0px; |
|
padding-top:8px; |
|
padding-left:0px; |
|
height:100px; |
|
} |
|
@media (max-width: 768px){ |
|
.search |
|
{ |
|
align-items:center; |
|
flex-direction:row; |
|
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; |
|
} |
|
.search .body |
|
{ |
|
padding-bottom:20px; |
|
align-items:center; |
|
flex-wrap:nowrap; |
|
flex-direction:column; |
|
display:flex; |
|
padding-right:0px; |
|
width:100%; |
|
box-sizing:border-box; |
|
padding-top:20px; |
|
padding-left:0px; |
|
justify-content:flex-start; |
|
} |
|
.search .body .right-body |
|
{ |
|
align-items:center; |
|
flex-direction:column; |
|
display:flex; |
|
padding-right:0px; |
|
box-sizing:border-box; |
|
justify-content:center; |
|
margin-left:0px; |
|
margin-right:0px; |
|
padding-bottom:10px; |
|
width:100%; |
|
margin-bottom:0px; |
|
padding-top:10px; |
|
padding-left:0px; |
|
margin-top:0px; |
|
height:100%; |
|
} |
|
.search .body .right-body .news-item |
|
{ |
|
padding-bottom:0px; |
|
flex-wrap:nowrap; |
|
flex-direction:column; |
|
display:flex; |
|
padding-right:0px; |
|
width:90%; |
|
box-sizing:border-box; |
|
margin-bottom:10px; |
|
padding-top:0px; |
|
padding-left:0px; |
|
} |
|
.search .body .right-body .news-item .pic |
|
{ |
|
padding-bottom:0px; |
|
flex-wrap:nowrap; |
|
flex-direction:row; |
|
display:flex; |
|
width:100%; |
|
box-sizing:border-box; |
|
margin-bottom:0px; |
|
padding-top:0px; |
|
height:120px; |
|
} |
|
.search .body .right-body .news-item .pic img |
|
{ |
|
padding-bottom:0px; |
|
padding-right:0px; |
|
width:100%; |
|
padding-top:0px; |
|
padding-left:0px; |
|
height:100%; |
|
} |
|
.search .body .right-body .news-item .news-content |
|
{ |
|
padding-bottom:0px; |
|
flex-wrap:nowrap; |
|
flex-direction:column; |
|
display:flex; |
|
padding-right:0px; |
|
width:100%; |
|
box-sizing:border-box; |
|
padding-top:0px; |
|
position:relative; |
|
padding-left:0px; |
|
justify-content:flex-start; |
|
height:100%; |
|
} |
|
.search .body .right-body .news-item .news-content .title |
|
{ |
|
padding-bottom:0px; |
|
text-align:left; |
|
flex-direction:row; |
|
word-wrap:break-word; |
|
display:inline-block; |
|
font-size:16PX; |
|
margin-bottom:8px; |
|
padding-top:0px; |
|
padding-left:0px; |
|
margin-top:8px; |
|
} |
|
.search .body .right-body .news-item .news-content .desc |
|
{ |
|
padding-bottom:8px; |
|
color:#909399; |
|
flex-direction:row; |
|
word-wrap:break-word; |
|
display:inline-block; |
|
padding-right:0px; |
|
font-size:14PX; |
|
margin-bottom:0px; |
|
padding-top:8px; |
|
padding-left:0px; |
|
margin-top:0px; |
|
height:100px; |
|
} |
|
|
|
}</style> |
|
</body> |
|
</html> |