Skip to content
GitLab
Commit f7e5e034 authored by xierz's avatar xierz
Browse files

Merge remote-tracking branch 'origin/master'

parents 021aff2f 761d5654
Hide whitespace changes
Inline Side-by-side
src/main/webapp/template/1/default/message.htm
View file @ f7e5e034
<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>
<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>
</script>
<style>
[v-cloak]{
display: none;
}
</style>
</head>
<body>
<div id="app" v-cloak>
<#include "nav.htm"/>
<div class="news">
<div class="body">
<div class="left">
<span class="title" >
分类名称
</span>
<span class="sub-title-sel" >
分类名称
</span>
<span class="sub-title" >
分类名称
</span>
</div>
<div class="right">
<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="message-body">
<!--输入框-start-->
<input class="ms-input"/>
<!--输入框-end-->
<!--输入框-start-->
<input class="ms-input"/>
<!--输入框-end-->
<div >
提交
</div>
</div> </div> </div> </div>
<#include "footer.htm"/>
</div>
</body>
</html>
<script>
</style>
</head>
<body>
<div id="app" v-cloak>
<#include "nav.htm" />
<div class="news">
<div class="body">
<div class="left">
<span class="title"> 分类名称 </span>
<span class="sub-title-sel"> 分类名称 </span>
<span class="sub-title"> 分类名称 </span>
</div>
<div class="right">
<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="message-body">
<!--输入框-start-->
<input class="ms-input">
<!--输入框-end-->
<!--输入框-start-->
<input class="ms-input">
<!--输入框-end-->
<div>
提交
</div>
</div>
</div>
</div>
</div>
<#include "footer.htm" />
</div>
<script>
var app = new Vue({
el: '#app',
watch:{
......@@ -109,9 +86,8 @@ var app = new Vue({
created(){
}
})
</script>
<style>
</script>
<style>
body {
background-color:#fff;
box-sizing:border-box;
......@@ -202,14 +178,14 @@ var app = new Vue({
}
.news .body .right
{
padding-bottom:0px;
flex-wrap:nowrap;
flex-direction:column;
display:flex;
padding-right:20px;
box-sizing:border-box;
padding-bottom:0px;
flex-wrap:nowrap;
width:1000px;
margin-bottom:0px;
box-sizing:border-box;
padding-top:0px;
padding-left:20px;
margin-top:0px;
......@@ -217,26 +193,26 @@ var app = new Vue({
}
.news .body .right .ms-channel-path
{
margin-right:auto;
align-items:center;
flex-wrap:nowrap;
flex-direction:row;
display:flex;
box-sizing:border-box;
margin-left:auto;
margin-right:auto;
flex-wrap:nowrap;
width:100%;
margin-bottom:10px;
box-sizing:border-box;
padding-left:0px;
margin-top:10px;
height:30px;
margin-left:auto;
}
.news .body .right .ms-channel-path span
{
font-size:16PX;
color:#909399;
flex-direction:row;
word-wrap:break-word;
display:inline-block;
font-size:16PX;
}
.news .body .right .ms-channel-path .ms-channel-path-index
{
......@@ -451,10 +427,10 @@ var app = new Vue({
}
.news .body .right .ms-channel-path span
{
font-size:14PX;
flex-direction:row;
word-wrap:break-word;
display:inline-block;
font-size:14PX;
}
.news .body .right .ms-channel-path .ms-channel-path-index
{
......@@ -476,18 +452,20 @@ var app = new Vue({
}
.news .body .right .message-body
{
flex-direction:column;
display:flex;
box-sizing:border-box;
margin-left:0px;
margin-right:0px;
padding-bottom:0px;
flex-wrap:nowrap;
flex-direction:column;
display:flex;
width:100%;
box-sizing:border-box;
margin-bottom:0px;
padding-top:0px;
margin-top:0px;
height:300px;
margin-left:0px;
}
}</style>
\ No newline at end of file
}</style>
</body>
</html>
\ No newline at end of file
src/main/webapp/template/1/default/nav.htm
View file @ f7e5e034
<#assign ids=field.parentids>
<#assign typeid=field.typeid>
<div class="ms-nav">
<div class="body">
<div class="logo">
<img
title=""
alt=""
src="{@ms:file global.logo/}"
class="logo-pic"/>
<img
title=""
alt=""
src="https://www.mingsoft.net//template/1/ms/images/1596437934982.png"
class="logo-desc"/>
</div>
<div @click='switchShow(["1605172743000_96378"]);' class="nav-h5">
<i class="iconfont icon-caidan nav-h5-icon"></i>
<div id="key_1605172743000_96378"
class="nav-h5-body">
<a href="#"
class="nav-h5-item">
首页
</a>
</div>
</div>
<div class="nav-item">
{ms:channel flag='n'}
<a href="{ms:global.url/}${field.typelink}"
target="_blank"
class="item">
${field.typetitle}
</a>
{/ms:channel}
</div>
<div class="nav-search">
<!--搜索-start-->
<form id="searchDataForm" action="{ms:global.host/}/mcms/search.do" method="post" 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>
</div>
</form>
<!--搜索-end-->
</div>
</div>
<div class="body">
<div class="logo">
<img title="" alt="" src="{ms:global.host/}/{@ms:file global.logo/}" class="logo-pic">
<img title="" alt="" src="https://www.mingsoft.net//template/1/ms/images/1596437934982.png" class="logo-desc">
</div>
<div @click="switchShow([&quot;1605172743000_96378&quot;]);" class="nav-h5">
<i class="iconfont icon-caidan nav-h5-icon"></i>
<div id="key_1605172743000_96378" class="nav-h5-body" style="display: none">
<a href="{ms:global.host/}" class="nav-h5-item"> 首页 </a>
{ms:channel flag='nav' type='top'}
<a href="<#if field.type==3>{ms:global.url/}${field.typeurl}<#else>{ms:global.url/}${field.typelink}</#if>" class="nav-h5-item <#if typeid==field.typeid || (ids?has_content && ids?index_of('${field.typeid}') gt -1)> sel</#if>">
${field.typetitle}
</a>
{/ms:channel}
</div>
</div>
<div class="nav-item">
<a href="{ms:global.host/}" class="item"> 首页 </a>
{ms:channel flag='nav' type='top'}
<a href="<#if field.type==3>{ms:global.url/}${field.typeurl}<#else>{ms:global.url/}${field.typelink}</#if>" class="item<#if typeid==field.typeid || (ids?has_content && ids?index_of('${field.typeid}') gt -1)> sel</#if>">
${field.typetitle}
</a>
{/ms:channel}
</div>
<div class="nav-search">
<!--搜索-start-->
<form id="searchDataForm" action="{ms:global.host/}/mcms/search.do" method="post" class="ms-search-input">
<div class="ms-search-input-div">
<!--输入框 - start -->
<input class="ms-input" name="content_title" placeholder="输入搜索关键字">
<!--输入框 -end -->
</div>
<div class="ms-search-button" onclick="document.getElementById('searchDataForm').submit();">
<i class="iconfont icon-fangdajing"></i>
</div>
</form>
<!--搜索-end-->
</div>
</div>
</div>
\ No newline at end of file
src/main/webapp/template/1/default/news-detail.htm
View file @ f7e5e034
<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>
<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>
</script>
<style>
[v-cloak]{
display: none;
}
</style>
</head>
<body>
<div id="app" v-cloak>
<#include "nav.htm"/>
<div class="content">
<div class="body">
<div class="left">
<span class="title" >
${field.typename}
</span>
{ms:channel type='son'}
<a href="{ms:global.url/}${field.typelink}"
target="_blank"
class="sub-title-sel">
${field.typetitle}
</a>
{/ms:channel}
<span class="sub-title" >
分类名称
</span>
</div>
<div class="right">
<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>
<span class="big-title" >
${field.title}
</span>
<div class="news-date-hit">
<span >
发布时间:
</span>
<span class="date" >
${field.date?string("yyyy-MM-dd")}
</span>
<span >
预览次数:
</span>
<span >
${field.hit}
</span>
</div>
<div class="news-body">
</div>
<div class="news-pre">
<span class="label" >
上一篇:
</span>
<a href="{ms:global.url/}${field.prelink}"
>
${pre.title}
</a>
</div>
<div class="news-next">
<span class="label" >
下一篇:
</span>
<a href="{ms:global.url/}${field.nextink}"
>
${pre.title}
</a>
</div> </div> </div> </div>
<#include "footer.htm"/>
</style>
</head>
<body>
<div id="app" v-cloak>
<#include "nav.htm" />
<div class="content">
<!--新闻详情-start-->
<div class="body">
<div class="left">
{ms:channel type='parent'}
<span class="title"> ${field.typetitle} </span>
{/ms:channel}
<#assign typetitle=field.typetitle>
<#if field.typeleaf>
{ms:channel type='level'}
<a href="{ms:global.url/}${field.typelink}" class="<#if typetitle==field.typetitle>sub-title-sel<#else>sub-title</#if>"> ${field.typetitle} </a>
{/ms:channel}
<#else>
{ms:channel type='son'}
<a href="{ms:global.url/}${field.typelink}" class="<#if typetitle==field.typetitle>sub-title-sel<#else>sub-title</#if>"> ${field.typetitle} </a>
{/ms:channel}
</#if>
</div>
</body>
</html>
<script>
<div class="right">
<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>
<span class="big-title"> ${field.title} </span>
<div class="news-date-hit">
<span> 发布时间: </span>
<span class="date"> ${field.date?string("yyyy-MM-dd")} </span>
<span> 预览次数: </span>
<span> ${field.hit} </span>
</div>
<div class="news-body">
<span> ${field.content} </span>
</div>
<div class="news-pre">
<span class="label"> 上一篇: </span>
<#if pre.title?has_content>
<a href="{ms:global.url/}${pre.link}"> ${pre.title} </a>
<#else>
已经没有了
</#if>
</div>
<div class="news-next">
<span class="label"> 下一篇: </span>
<#if next.title?has_content>
<a href="{ms:global.url/}${next.link}"> ${next.title} </a>
<#else>
已经没有了
</#if>
</div>
</div>
</div>
<!--新闻详情-end-->
</div>
<#include "footer.htm" />
</div>
<script>
var app = new Vue({
el: '#app',
watch:{
......@@ -139,9 +113,8 @@ var app = new Vue({
created(){
}
})
</script>
<style>
</script>
<style>
body {
background-color:#fff;
box-sizing:border-box;
......@@ -175,8 +148,10 @@ var app = new Vue({
padding-right:0px;
width:1200px;
box-sizing:border-box;
margin-bottom:0px;
padding-top:20px;
padding-left:0px;
margin-top:0px;
}
.content .body .left
{
......@@ -194,11 +169,11 @@ var app = new Vue({
}
.content .body .left .title
{
border-bottom-color:#C0C4CC;
color:#C0C4CC;
flex-direction:row;
word-wrap:break-word;
display:inline-block;
border-bottom-color:#C0C4CC;
font-size:16PX;
border-bottom-style:dashed;
padding-top:10px;
......@@ -234,10 +209,12 @@ var app = new Vue({
}
.content .body .right
{
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:1000px;
......@@ -249,25 +226,27 @@ var app = new Vue({
}
.content .body .right .ms-channel-path
{
margin-right:auto;
align-items:center;
flex-wrap:nowrap;
flex-direction:row;
display:flex;
box-sizing:border-box;
margin-left:auto;
margin-right:auto;
padding-bottom:0px;
flex-wrap:nowrap;
width:100%;
margin-bottom:10px;
box-sizing:border-box;
padding-top:0px;
margin-top:10px;
height:30px;
margin-left:auto;
}
.content .body .right .ms-channel-path span
{
font-size:16PX;
color:#909399;
flex-direction:row;
word-wrap:break-word;
display:inline-block;
font-size:16PX;
}
.content .body .right .ms-channel-path .ms-channel-path-index
{
......@@ -314,11 +293,11 @@ var app = new Vue({
}
.content .body .right .news-date-hit span
{
font-size:16PX;
color:#909399;
flex-direction:row;
word-wrap:break-word;
display:inline-block;
font-size:16PX;
}
.content .body .right .news-date-hit .date
{
......@@ -332,32 +311,38 @@ var app = new Vue({
}
.content .body .right .news-body
{
flex-direction:column;
display:flex;
box-sizing:border-box;
margin-left:0px;
margin-right:0px;
padding-bottom:0px;
flex-wrap:nowrap;
flex-direction:column;
display:flex;
width:100%;
box-sizing:border-box;
margin-bottom:0px;
padding-top:0px;
margin-top:0px;
height:300px;
margin-left:0px;
}
.content .body .right .news-body span
{
flex-direction:row;
word-wrap:break-word;
display:inline-block;
font-size:14px;
}
.content .body .right .news-pre
{
margin-right:0px;
padding-bottom:0px;
align-items:center;
flex-wrap:nowrap;
flex-direction:row;
display:flex;
width:100%;
box-sizing:border-box;
padding-top:0px;
justify-content:flex-start;
margin-left:0px;
margin-right:0px;
padding-bottom:0px;
flex-wrap:nowrap;
width:100%;
padding-top:0px;
height:40px;
}
.content .body .right .news-pre .label
......@@ -381,17 +366,17 @@ var app = new Vue({
}
.content .body .right .news-next
{
margin-right:0px;
padding-bottom:0px;
align-items:center;
flex-wrap:nowrap;
flex-direction:row;
display:flex;
width:100%;
box-sizing:border-box;
padding-top:0px;
justify-content:flex-start;
margin-left:0px;
margin-right:0px;
padding-bottom:0px;
flex-wrap:nowrap;
width:100%;
padding-top:0px;
height:40px;
}
.content .body .right .news-next .label
......@@ -433,14 +418,55 @@ var app = new Vue({
.content .body
{
padding-bottom:20px;
flex-wrap:nowrap;
flex-direction:column;
align-items:center;
flex-wrap:wrap;
flex-direction:row;
display:flex;
padding-right:0px;
width:100%;
box-sizing:border-box;
padding-top:20px;
padding-left:0px;
justify-content:center;
}
.content .body .left
{
padding-bottom:0px;
flex-wrap:nowrap;
flex-direction:column;
display:flex;
padding-right:0px;
width:90%;
box-sizing:border-box;
padding-top:0px;
padding-left:0px;
margin-top:0px;
height:100%;
}
.content .body .left .sub-title-sel
{
background-color:#F2F6FC;
color:#409EFF;
flex-direction:row;
word-wrap:break-word;
display:inline-block;
font-size:16PX;
padding-top:10px;
padding-left:10px;
margin-top:2px;
height:40px;
}
.content .body .left .sub-title
{
color:#5F5F5F;
flex-direction:row;
word-wrap:break-word;
display:inline-block;
font-size:16PX;
padding-top:10px;
padding-left:10px;
margin-top:0px;
height:40px;
}
.content .body .right
{
......@@ -449,7 +475,7 @@ var app = new Vue({
flex-direction:column;
display:flex;
padding-right:0px;
width:100%;
width:90%;
margin-bottom:0px;
box-sizing:border-box;
padding-top:0px;
......@@ -500,11 +526,11 @@ var app = new Vue({
}
.content .body .right .big-title
{
font-size:22PX;
padding-left:0px;
flex-direction:row;
word-wrap:break-word;
display:inline-block;
font-size:22PX;
padding-left:0px;
}
.content .body .right .news-date-hit
{
......@@ -521,11 +547,11 @@ var app = new Vue({
}
.content .body .right .news-date-hit span
{
font-size:16PX;
color:#909399;
flex-direction:row;
word-wrap:break-word;
display:inline-block;
font-size:16PX;
}
.content .body .right .news-date-hit .date
{
......@@ -539,32 +565,40 @@ var app = new Vue({
}
.content .body .right .news-body
{
flex-direction:row;
display:flex;
box-sizing:border-box;
margin-left:0px;
margin-right:0px;
padding-bottom:0px;
flex-wrap:nowrap;
flex-direction:column;
display:flex;
width:100%;
box-sizing:border-box;
margin-bottom:0px;
padding-top:0px;
margin-top:0px;
height:300px;
margin-left:0px;
height: unset;
}
.content .body .right .news-body span
{
flex-direction:row;
word-wrap:break-word;
display:inline-block;
font-size:14px;
}
.content .body .right .news-pre
{
margin-right:0px;
padding-bottom:0px;
align-items:center;
flex-wrap:nowrap;
flex-direction:row;
display:flex;
width:100%;
box-sizing:border-box;
padding-top:0px;
justify-content:flex-start;
margin-left:0px;
margin-right:0px;
padding-bottom:0px;
flex-wrap:nowrap;
width:100%;
padding-top:0px;
height:40px;
}
.content .body .right .news-pre .label
......@@ -588,17 +622,17 @@ var app = new Vue({
}
.content .body .right .news-next
{
margin-right:0px;
padding-bottom:0px;
align-items:center;
flex-wrap:nowrap;
flex-direction:row;
display:flex;
width:100%;
box-sizing:border-box;
padding-top:0px;
justify-content:flex-start;
margin-left:0px;
margin-right:0px;
padding-bottom:0px;
flex-wrap:nowrap;
width:100%;
padding-top:0px;
height:40px;
}
.content .body .right .news-next .label
......@@ -621,4 +655,6 @@ var app = new Vue({
padding-top:0px;
}
}</style>
\ No newline at end of file
}</style>
</body>
</html>
\ No newline at end of file
src/main/webapp/template/1/default/news-list.htm
View file @ f7e5e034
<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>
<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>
<style>
[v-cloak]{
display: none;
}
</style>
</head>
<body>
<div id="app" v-cloak>
</head>
<body>
<div id="app" v-cloak>
<#include "nav.htm" />
<div class="news">
<div class="body">
<div class="left">
{ms:channel type='parent'}
<span class="title"> ${field.typetitle}</span>
{/ms:channel}
<#assign typetitle=field.typetitle>
<#if field.typeleaf>
{ms:channel type='level'}
<a href="{ms:global.url/}${field.typelink}" class="<#if typetitle==field.typetitle>sub-title-sel<#else>sub-title</#if>"> ${field.typetitle} </a>
{/ms:channel}
<#else>
{ms:channel type='son'}
<a href="{ms:global.url/}${field.typelink}" class="<#if typetitle==field.typetitle>sub-title-sel<#else>sub-title</#if>"> ${field.typetitle} </a>
{/ms:channel}
</#if>
</div>
<div class="right">
<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="right-body">
{ms:arclist size=10 ispaging=true}
<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 class="news-footer">
<span class="label"> 发布时间 </span>
<span class="v"> ${field.date?string("yyyy-MM-dd")} </span>
</div>
</div>
</div>
{/ms:arclist}
<#include "nav.htm"/>
</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 class="news">
<div class="body">
<div class="left">
<span class="title" >
${field.typename}
</span>
{ms:channel type='son'}
<a href="{ms:global.url/}${field.typelink}"
target="_blank"
class="sub-title-sel">
${field.typetitle}
</a>
{/ms:channel}
<span class="sub-title" >
分类名称
</span>
</div>
<div class="right">
<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="right-body">
{ms:arclist ispaging=true}
<div class="news-item">
<div class="pic">
<img
title=""
alt=""
src="{@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 class="news-footer">
<span class="label" >
发布时间
</span>
<span class="v" >
${field.date?string("yyyy-MM-dd")}
</span>
<span class="label" >
预览次数
</span>
<span class="v" >
${field.hit}
</span>
</div> </div> </div>
{/ms:arclist} </div>
<div class="page">
<#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> </div> </div>
<#include "footer.htm"/>
</div>
</body>
</html>
<script>
</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}
},
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'
}
})
},
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'
}
})
},
handleCurrentChange:function(val) {
if(val==1) {
location.href = "{ms:global.url/}/${field.categoryPath}/index.html";
} else {
location.href = "{ms:global.url/}/${field.categoryPath}/list-" + val + ".html";
}
}
},
created(){
}
})
</script>
<style>
<style>
body {
background-color:#fff;
box-sizing:border-box;
......@@ -235,7 +143,7 @@ var app = new Vue({
webkit-box-sizing:border-box;
}
.news
.news
{
align-items:center;
flex-direction:row;
......@@ -250,22 +158,22 @@ var app = new Vue({
padding-top:0px;
padding-left:0px;
margin-top:0px;
height:800px;
}
.news .body
.news .body
{
padding-bottom:20px;
flex-wrap:nowrap;
flex-direction:row;
display:flex;
padding-right:0px;
width:1200px;
width:1200%;
box-sizing:border-box;
padding-top:20px;
padding-left:0px;
justify-content:center;
height:100%;
}
.news .body .left
.news .body .left
{
padding-bottom:0px;
flex-wrap:nowrap;
......@@ -279,13 +187,13 @@ var app = new Vue({
margin-top:0px;
height:100%;
}
.news .body .left .title
.news .body .left .title
{
border-bottom-color:#C0C4CC;
color:#C0C4CC;
flex-direction:row;
word-wrap:break-word;
display:inline-block;
border-bottom-color:#C0C4CC;
font-size:16PX;
border-bottom-style:dashed;
padding-top:10px;
......@@ -294,7 +202,7 @@ var app = new Vue({
margin-top:0px;
height:40px;
}
.news .body .left .sub-title-sel
.news .body .left .sub-title-sel
{
background-color:#F2F6FC;
color:#409EFF;
......@@ -307,34 +215,49 @@ var app = new Vue({
margin-top:2px;
height:40px;
}
.news .body .left .sub-title
.news .body .left .sub-title
{
color:#5F5F5F;
flex-direction:row;
word-wrap:break-word;
display:inline-block;
font-size:16PX;
padding-top:10px;
padding-left:10px;
margin-top:0px;
height:40px;
color:#5F5F5F;
flex-direction:row;
word-wrap:break-word;
display:inline-block;
font-size:16PX;
padding-top:10px;
padding-left:10px;
margin-top:0px;
height:40px;
}
.news .body .right
.news .body .right
{
padding-bottom:0px;
flex-wrap:nowrap;
flex-direction:column;
display:flex;
padding-right:0px;
box-sizing:border-box;
padding-bottom:0px;
flex-wrap:nowrap;
width:1000px;
margin-bottom:0px;
box-sizing:border-box;
padding-top:0px;
padding-left:20px;
margin-top:0px;
height:100%;
}
.news .body .right .ms-channel-path
.news .body .right .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%;
}
.news .body .right .ms-channel-path
{
align-items:center;
flex-direction:row;
......@@ -352,15 +275,15 @@ var app = new Vue({
margin-top:10px;
height:30px;
}
.news .body .right .ms-channel-path span
.news .body .right .ms-channel-path span
{
font-size:16PX;
color:#909399;
flex-direction:row;
word-wrap:break-word;
display:inline-block;
font-size:16PX;
}
.news .body .right .ms-channel-path .ms-channel-path-index
.news .body .right .ms-channel-path .ms-channel-path-index
{
cursor:pointer;
color:#000;
......@@ -369,10 +292,10 @@ var app = new Vue({
margin-bottom:0px;
margin-top:0px;
}
.news .body .right .ms-channel-path >i
.news .body .right .ms-channel-path >i
{
}
.news .body .right .ms-channel-path .ms-channel-path-link
.news .body .right .ms-channel-path .ms-channel-path-link
{
cursor:pointer;
color:#000;
......@@ -381,7 +304,7 @@ var app = new Vue({
margin-bottom:0px;
margin-top:0px;
}
.news .body .right .right-body
.news .body .right .right-body
{
align-items:flex-start;
flex-direction:column;
......@@ -398,22 +321,22 @@ var app = new Vue({
margin-top:0px;
height:100%;
}
.news .body .right .right-body .news-item
.news .body .right .right-body .news-item
{
padding-bottom:0px;
flex-wrap:nowrap;
flex-direction:row;
display:flex;
padding-right:0px;
box-sizing:border-box;
padding-bottom:0px;
flex-wrap:nowrap;
width:100%;
box-sizing:border-box;
margin-bottom:10px;
padding-top:0px;
padding-left:0px;
margin-top:0px;
height:120px;
}
.news .body .right .right-body .news-item .pic
.news .body .right .right-body .news-item .pic
{
padding-bottom:0px;
flex-wrap:nowrap;
......@@ -424,7 +347,7 @@ var app = new Vue({
padding-top:0px;
height:120px;
}
.news .body .right .right-body .news-item .pic img
.news .body .right .right-body .news-item .pic img
{
margin-right:0px;
padding-bottom:0px;
......@@ -436,30 +359,32 @@ var app = new Vue({
height:100%;
margin-left:0px;
}
.news .body .right .right-body .news-item .news-content
.news .body .right .right-body .news-item .news-content
{
padding-bottom:0px;
flex-wrap:nowrap;
flex-direction:column;
display:flex;
padding-right:0px;
box-sizing:border-box;
justify-content:flex-start;
padding-bottom:0px;
flex-wrap:nowrap;
width:100%;
box-sizing:border-box;
padding-top:0px;
position:relative;
padding-left:10px;
justify-content:flex-start;
height:100%;
}
.news .body .right .right-body .news-item .news-content .title
.news .body .right .right-body .news-item .news-content .title
{
font-size:18PX;
padding-left:0px;
padding-bottom:0px;
flex-direction:row;
word-wrap:break-word;
display:inline-block;
font-size:18PX;
padding-top:0px;
padding-left:0px;
}
.news .body .right .right-body .news-item .news-content .desc
.news .body .right .right-body .news-item .news-content .desc
{
padding-bottom:8px;
color:#909399;
......@@ -473,7 +398,7 @@ var app = new Vue({
padding-left:0px;
height:100px;
}
.news .body .right .right-body .news-item .news-content .news-footer
.news .body .right .right-body .news-item .news-content .news-footer
{
align-items:center;
flex-direction:row;
......@@ -486,121 +411,43 @@ var app = new Vue({
padding-bottom:0px;
flex-wrap:nowrap;
width:100%;
margin-bottom:0px;
padding-top:0px;
padding-left:0px;
height:30%;
}
.news .body .right .right-body .news-item .news-content .news-footer .label
.news .body .right .right-body .news-item .news-content .news-footer .label
{
margin-right:0px;
padding-bottom:0px;
color:#C0C4CC;
flex-direction:row;
word-wrap:break-word;
display:inline-block;
padding-right:0px;
margin-left:0px;
margin-right:0px;
padding-bottom:0px;
font-size:14PX;
margin-bottom:0px;
padding-top:0px;
padding-left:0px;
margin-left:0px;
}
.news .body .right .right-body .news-item .news-content .news-footer .v
.news .body .right .right-body .news-item .news-content .news-footer .v
{
margin-right:10px;
padding-bottom:0px;
color:#C0C4CC;
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;
}
.news .body .right .page
{
align-items:flex-start;
flex-direction:column;
display:flex;
padding-right:10px;
box-sizing:border-box;
margin-left:0px;
margin-right:0px;
padding-bottom:10px;
width:100%;
margin-bottom:0px;
padding-top:10px;
padding-left:10px;
margin-top:0px;
}
.news .body .right .page .ms-page
{
align-items:center;
flex-direction:row;
display:flex;
padding-right:0px;
box-sizing:border-box;
justify-content:center;
margin-left:0;
padding-bottom:0px;
flex-wrap:nowrap;
width:100%;
margin-bottom:0;
padding-top:0px;
padding-left:0px;
margin-top:0;
height:40px;
}
.news .body .right .page .ms-page .ms-page-left
{
margin-bottom:0px;
margin-top:0px;
margin-left:0px;
}
.news .body .right .page .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;
}
.news .body .right .page .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;
}
.news .body .right .page .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;
}
.news .body .right .page .ms-page .ms-page-right
{
margin-top:0px;
margin-left:0px;
margin-left:10px;
}
@media (max-width: 768px){
.news
.news
{
align-items:center;
flex-direction:row;
......@@ -616,9 +463,10 @@ var app = new Vue({
padding-left:0px;
margin-top:0px;
}
.news .body
.news .body
{
padding-bottom:20px;
align-items:center;
flex-wrap:nowrap;
flex-direction:column;
display:flex;
......@@ -627,8 +475,12 @@ var app = new Vue({
box-sizing:border-box;
padding-top:20px;
padding-left:0px;
justify-content:flex-start;
}
.news .body .left
.news .body .left {
width: 90%;
}
.news .body .right
{
padding-bottom:0px;
flex-wrap:nowrap;
......@@ -636,71 +488,64 @@ var app = new Vue({
display:flex;
padding-right:0px;
width:100%;
margin-bottom:0px;
box-sizing:border-box;
padding-top:0px;
padding-left:0px;
height:100%;
margin-top:0px;
}
.news .body .left .title
.news .body .right .ms-channel-path
{
border-bottom-color:#C0C4CC;
color:#C0C4CC;
align-items:center;
flex-direction:row;
word-wrap:break-word;
display:inline-block;
font-size:16PX;
border-bottom-style:dashed;
padding-top:10px;
border-bottom-width:1px;
padding-left:10px;
height:40px;
display:flex;
padding-right:0px;
box-sizing:border-box;
margin-left:auto;
margin-right:auto;
padding-bottom:0px;
flex-wrap:nowrap;
width:90%;
margin-bottom:10px;
padding-top:0px;
padding-left:0px;
margin-top:10px;
height:30px;
}
.news .body .left .sub-title-sel
.news .body .right .ms-channel-path span
{
background-color:#F2F6FC;
color:#409EFF;
color:#909399;
flex-direction:row;
word-wrap:break-word;
display:inline-block;
font-size:16PX;
padding-top:10px;
padding-left:10px;
margin-top:2px;
height:40px;
}
.news .body .left .sub-title
.news .body .right .ms-channel-path .ms-channel-path-index
{
color:#5F5F5F;
flex-direction:row;
word-wrap:break-word;
display:inline-block;
cursor:pointer;
color:#000;
font-size:16PX;
padding-top:10px;
padding-left:10px;
text-decoration:none;
margin-bottom:0px;
margin-top:0px;
height:40px;
}
.news .body .right
.news .body .right .ms-channel-path .ms-channel-path-link
{
padding-bottom:0px;
flex-wrap:nowrap;
flex-direction:column;
display:flex;
padding-right:0px;
width:100%;
cursor:pointer;
color:#000;
font-size:16PX;
text-decoration:none;
margin-bottom:0px;
box-sizing:border-box;
padding-top:0px;
padding-left:0px;
margin-top:0px;
}
.news .body .right .right-body
.news .body .right .right-body
{
align-items:flex-start;
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;
......@@ -711,20 +556,21 @@ var app = new Vue({
margin-top:0px;
height:100%;
}
.news .body .right .right-body .news-item
.news .body .right .right-body .news-item
{
padding-bottom:0px;
flex-wrap:nowrap;
flex-direction:column;
display:flex;
padding-right:0px;
width:100%;
width:90%;
box-sizing:border-box;
margin-bottom:10px;
padding-top:0px;
padding-left:0px;
height: unset;
}
.news .body .right .right-body .news-item .pic
.news .body .right .right-body .news-item .pic
{
padding-bottom:0px;
flex-wrap:nowrap;
......@@ -734,9 +580,9 @@ var app = new Vue({
box-sizing:border-box;
margin-bottom:0px;
padding-top:0px;
height:120px;
height:unset;
}
.news .body .right .right-body .news-item .pic img
.news .body .right .right-body .news-item .pic img
{
padding-bottom:0px;
padding-right:0px;
......@@ -745,22 +591,22 @@ var app = new Vue({
padding-left:0px;
height:100%;
}
.news .body .right .right-body .news-item .news-content
.news .body .right .right-body .news-item .news-content
{
padding-bottom:0px;
flex-wrap:nowrap;
flex-direction:column;
display:flex;
padding-right:0px;
box-sizing:border-box;
justify-content:flex-start;
padding-bottom:0px;
flex-wrap:nowrap;
width:100%;
box-sizing:border-box;
padding-top:0px;
position:relative;
padding-left:0px;
justify-content:flex-start;
height:100%;
}
.news .body .right .right-body .news-item .news-content .title
.news .body .right .right-body .news-item .news-content .title
{
padding-bottom:0px;
text-align:left;
......@@ -773,22 +619,23 @@ var app = new Vue({
padding-left:0px;
margin-top:8px;
}
.news .body .right .right-body .news-item .news-content .desc
.news .body .right .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;
padding-bottom:8px;
font-size:14PX;
margin-bottom:0px;
padding-top:8px;
padding-left:0px;
margin-top:0px;
height:100px;
display: none;
}
.news .body .right .right-body .news-item .news-content .news-footer
.news .body .right .right-body .news-item .news-content .news-footer
{
align-items:center;
flex-direction:row;
......@@ -805,114 +652,37 @@ var app = new Vue({
padding-left:0px;
height:30%;
}
.news .body .right .right-body .news-item .news-content .news-footer .label
.news .body .right .right-body .news-item .news-content .news-footer .label
{
margin-right:0px;
padding-bottom:0px;
color:#C0C4CC;
flex-direction:row;
word-wrap:break-word;
display:inline-block;
padding-right:0px;
margin-left:0px;
margin-right:0px;
padding-bottom:0px;
font-size:14PX;
margin-bottom:0px;
padding-top:0px;
padding-left:0px;
margin-left:0px;
}
.news .body .right .right-body .news-item .news-content .news-footer .v
.news .body .right .right-body .news-item .news-content .news-footer .v
{
margin-right:10px;
padding-bottom:0px;
color:#C0C4CC;
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;
}
.news .body .right .page
{
align-items:flex-start;
flex-direction:column;
display:flex;
padding-right:10px;
box-sizing:border-box;
margin-left:0px;
margin-right:0px;
padding-bottom:10px;
width:100%;
margin-bottom:0px;
padding-top:10px;
padding-left:10px;
margin-top:0px;
}
.news .body .right .page .ms-page
{
align-items:center;
flex-direction:row;
display:flex;
padding-right:0px;
box-sizing:border-box;
justify-content:center;
margin-left:0;
padding-bottom:0px;
flex-wrap:nowrap;
width:100%;
margin-bottom:0;
padding-top:0px;
padding-left:0px;
margin-top:0;
height:40px;
}
.news .body .right .page .ms-page .ms-page-left
{
margin-bottom:0px;
margin-top:0px;
margin-left:0px;
}
.news .body .right .page .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;
}
.news .body .right .page .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;
}
.news .body .right .page .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;
}
.news .body .right .page .ms-page .ms-page-right
{
margin-top:0px;
margin-left:0px;
margin-left:10px;
}
}</style>
\ No newline at end of file
}</style>
</body>
</html>
\ No newline at end of file
src/main/webapp/template/1/default/product-detail.htm
View file @ f7e5e034
<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>
<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>
</script>
<style>
[v-cloak]{
display: none;
}
</style>
</head>
<body>
<div id="app" v-cloak>
<#include "nav.htm"/>
<div class="content">
<div class="body">
<div class="left">
<span class="title" >
分类名称
</span>
<span class="sub-title-sel" >
分类名称
</span>
<span class="sub-title" >
分类名称
</span>
</div>
<div class="right">
<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="product">
<div class="pic">
<img
title=""
alt=""
src="{@ms:file field.litpic/}"
/>
<div class="text">
<span class="big-title" >
${field.title}
</span>
<span class="desc" >
${field.descrip}
</span>
</div> </div>
<div class="content">
<span class="label" >
详情
</span>
<div class="content-body">
</div> </div> </div> </div> </div> </div>
<#include "footer.htm"/>
</style>
</head>
<body>
<div id="app" v-cloak>
<#include "nav.htm" />
<div class="content">
<div class="body">
<div class="left">
{ms:channel type='parent'}
<span class="title"> ${field.typetitle} </span>
{/ms:channel}
<#assign typetitle=field.typetitle>
<#if field.typeleaf>
{ms:channel type='level'}
<a href="{ms:global.url/}${field.typelink}" class="<#if typetitle==field.typetitle>sub-title-sel<#else>sub-title</#if>"> ${field.typetitle} </a>
{/ms:channel}
<#else>
{ms:channel type='son'}
<a href="{ms:global.url/}${field.typelink}" class="<#if typetitle==field.typetitle>sub-title-sel<#else>sub-title</#if>"> ${field.typetitle} </a>
{/ms:channel}
</#if>
</div>
</body>
</html>
<script>
<div class="right">
<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="product">
<div class="pic">
<img title="" alt="" src="{ms:global.host/}/{@ms:file field.litpic/}">
<div class="text">
<span class="big-title"> ${field.title} </span>
<span class="desc"> ${field.descrip} </span>
</div>
</div>
<div class="content">
<div class="content-body">
<span> ${field.content} </span>
</div>
</div>
</div>
</div>
</div>
</div>
<#include "footer.htm" />
</div>
<script>
var app = new Vue({
el: '#app',
watch:{
......@@ -119,9 +99,8 @@ var app = new Vue({
created(){
}
})
</script>
<style>
</script>
<style>
body {
background-color:#fff;
box-sizing:border-box;
......@@ -169,58 +148,58 @@ var app = new Vue({
box-sizing:border-box;
padding-top:0px;
padding-left:0px;
margin-top:0px;
height:100%;
}
.content .body .left .title
{
border-bottom-color:#C0C4CC;
color:#C0C4CC;
flex-direction:row;
word-wrap:break-word;
display:inline-block;
border-bottom-color:#C0C4CC;
padding-bottom:0px;
font-size:16PX;
border-bottom-style:dashed;
padding-top:10px;
border-bottom-width:1px;
padding-left:10px;
margin-top:0px;
height:40px;
}
.content .body .left .sub-title-sel
{
background-color:#F2F6FC;
color:#409EFF;
flex-direction:row;
word-wrap:break-word;
display:inline-block;
font-size:16PX;
padding-top:10px;
padding-left:10px;
margin-top:2px;
height:40px;
.content .body .left .sub-title-sel {
background-color: #F2F6FC;
color: #409EFF;
flex-direction: row;
word-wrap: break-word;
display: inline-block;
font-size: 16PX;
padding-top: 10px;
padding-left: 10px;
margin-top: 2px;
height: 40px;
}
.content .body .left .sub-title
{
color:#5F5F5F;
flex-direction:row;
word-wrap:break-word;
display:inline-block;
font-size:16PX;
padding-top:10px;
padding-left:10px;
margin-top:0px;
height:40px;
.content .body .left .sub-title {
color: #5F5F5F;
flex-direction: row;
word-wrap: break-word;
display: inline-block;
font-size: 16PX;
padding-top: 10px;
padding-left: 10px;
margin-top: 0px;
height: 40px;
}
.content .body .right
{
padding-bottom:0px;
flex-wrap:wrap;
flex-direction:column;
display:flex;
padding-right:0px;
box-sizing:border-box;
padding-bottom:0px;
flex-wrap:wrap;
width:1000px;
margin-bottom:0px;
box-sizing:border-box;
padding-top:0px;
position:relative;
padding-left:20px;
......@@ -228,26 +207,26 @@ var app = new Vue({
}
.content .body .right .ms-channel-path
{
margin-right:auto;
align-items:center;
flex-wrap:nowrap;
flex-direction:row;
display:flex;
box-sizing:border-box;
margin-left:auto;
margin-right:auto;
flex-wrap:nowrap;
width:100%;
margin-bottom:10px;
box-sizing:border-box;
padding-left:0px;
margin-top:10px;
height:30px;
margin-left:auto;
}
.content .body .right .ms-channel-path span
{
font-size:16PX;
color:#909399;
flex-direction:row;
word-wrap:break-word;
display:inline-block;
font-size:16PX;
}
.content .body .right .ms-channel-path .ms-channel-path-index
{
......@@ -296,9 +275,9 @@ var app = new Vue({
}
.content .body .right .product .pic img
{
width:240px;
width:320px;
padding-left:0px;
height:240px;
height:206px;
}
.content .body .right .product .pic .text
{
......@@ -312,11 +291,11 @@ var app = new Vue({
}
.content .body .right .product .pic .text .big-title
{
font-size:22PX;
padding-left:0px;
flex-direction:row;
word-wrap:break-word;
display:inline-block;
font-size:22PX;
padding-left:0px;
}
.content .body .right .product .pic .text .desc
{
......@@ -338,7 +317,6 @@ var app = new Vue({
box-sizing:border-box;
padding-top:10px;
padding-left:0px;
height:240px;
}
.content .body .right .product .content .label
{
......@@ -362,6 +340,13 @@ var app = new Vue({
padding-left:0px;
height:100%;
}
.content .body .right .product .content .content-body span
{
flex-direction:row;
word-wrap:break-word;
display:inline-block;
font-size:14px;
}
@media (max-width: 768px){
.content
{
......@@ -386,7 +371,7 @@ var app = new Vue({
flex-direction:column;
display:flex;
padding-right:0px;
width:100%;
width:90%;
box-sizing:border-box;
padding-top:20px;
padding-left:0px;
......@@ -406,17 +391,17 @@ var app = new Vue({
}
.content .body .left .title
{
border-bottom-color:#C0C4CC;
color:#C0C4CC;
flex-direction:row;
word-wrap:break-word;
display:inline-block;
border-bottom-color:#C0C4CC;
padding-bottom:0px;
font-size:16PX;
border-bottom-style:dashed;
padding-top:10px;
border-bottom-width:1px;
padding-left:10px;
margin-top:0px;
height:40px;
}
.content .body .left .sub-title-sel
......@@ -432,18 +417,6 @@ var app = new Vue({
margin-top:2px;
height:40px;
}
.content .body .left .sub-title
{
color:#5F5F5F;
flex-direction:row;
word-wrap:break-word;
display:inline-block;
font-size:16PX;
padding-top:10px;
padding-left:10px;
margin-top:0px;
height:40px;
}
.content .body .right
{
padding-bottom:0px;
......@@ -460,26 +433,26 @@ var app = new Vue({
}
.content .body .right .ms-channel-path
{
margin-right:auto;
align-items:center;
flex-wrap:nowrap;
flex-direction:row;
display:flex;
box-sizing:border-box;
margin-left:auto;
margin-right:auto;
flex-wrap:nowrap;
width:100%;
margin-bottom:10px;
box-sizing:border-box;
padding-left:0px;
margin-top:10px;
height:30px;
margin-left:auto;
}
.content .body .right .ms-channel-path span
{
font-size:16PX;
color:#909399;
flex-direction:row;
word-wrap:break-word;
display:inline-block;
font-size:16PX;
}
.content .body .right .ms-channel-path .ms-channel-path-index
{
......@@ -501,14 +474,14 @@ var app = new Vue({
}
.content .body .right .product
{
margin-right:0px;
padding-bottom:0px;
flex-direction:column;
display:flex;
padding-right:0px;
box-sizing:border-box;
margin-right:0px;
padding-bottom:0px;
width:100%;
margin-bottom:0px;
box-sizing:border-box;
padding-top:0px;
padding-left:0px;
margin-top:0px;
......@@ -526,7 +499,9 @@ var app = new Vue({
}
.content .body .right .product .pic img
{
padding-bottom:0px;
width:100%;
padding-top:0px;
padding-left:0px;
height:400px;
}
......@@ -542,11 +517,11 @@ var app = new Vue({
}
.content .body .right .product .pic .text .big-title
{
font-size:22PX;
padding-left:0px;
flex-direction:row;
word-wrap:break-word;
display:inline-block;
font-size:22PX;
padding-left:0px;
}
.content .body .right .product .pic .text .desc
{
......@@ -587,5 +562,14 @@ var app = new Vue({
padding-left:0px;
height:100%;
}
.content .body .right .product .content .content-body span
{
flex-direction:row;
word-wrap:break-word;
display:inline-block;
font-size:14px;
}
}</style>
\ No newline at end of file
}</style>
</body>
</html>
\ No newline at end of file
src/main/webapp/template/1/default/product-list.htm
View file @ f7e5e034
<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>
<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>
</script>
<style>
[v-cloak]{
display: none;
}
</style>
</head>
<body>
<div id="app" v-cloak>
<#include "nav.htm"/>
<div class="content">
<div class="body">
<div class="left">
<span class="title" >
${field.typename}
</span>
{ms:channel type='son'}
<a href="{ms:global.url/}${field.typelink}"
target="_blank"
class="sub-title-sel">
${field.typetitle}
</a>
{/ms:channel}
<span class="sub-title" >
分类名称
</span>
</div>
<div class="right">
<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="list">
<div class="list-body">
{ms:arclist ispaging=true}
<div class="product">
<img
title=""
alt=""
src="{@ms:file field.litpic/}"
/>
<a href="{ms:global.url/}${field.link}"
>
${field.title}
</a>
</div>
{/ms:arclist} </div> </div>
<div class="page">
<#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> </div> </div>
<#include "footer.htm"/>
</style>
</head>
<body>
<div id="app" v-cloak>
<#include "nav.htm" />
<div class="content">
<div class="body">
<div class="left">
{ms:channel type='parent'}
<span class="title"> ${field.typetitle} </span>
{/ms:channel}
<#assign typetitle=field.typetitle>
<#if field.typeleaf>
{ms:channel type='level'}
<a href="{ms:global.url/}${field.typelink}" class="<#if typetitle==field.typetitle>sub-title-sel<#else>sub-title</#if>"> ${field.typetitle} </a>
{/ms:channel}
<#else>
{ms:channel type='son'}
<a href="{ms:global.url/}${field.typelink}" class="<#if typetitle==field.typetitle>sub-title-sel<#else>sub-title</#if>"> ${field.typetitle} </a>
{/ms:channel}
</#if>
</div>
<div class="right">
<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="list">
<div class="list-body">
{ms:arclist size=6 ispaging=true}
<div class="product">
<img title="" alt="" src="{ms:global.host/}/{@ms:file field.litpic/}" />
<a href="{ms:global.url/}${field.link}">
${field.title}
</a>
</div>
{/ms:arclist} </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>
</div>
</body>
</html>
<script>
</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}
},
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'
}
})
},
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'
}
})
},
handleCurrentChange:function(val) {
if(val==1) {
location.href = "{ms:global.url/}/${field.categoryPath}/index.html";
} else {
location.href = "{ms:global.url/}/${field.categoryPath}/list-" + val + ".html";
}
}
},
created(){
}
})
</script>
<style>
</script>
<style>
body {
background-color:#fff;
box-sizing:border-box;
......@@ -219,12 +142,13 @@ var app = new Vue({
.content
{
align-items:flex-start;
flex-direction:row;
align-items:center;
flex-direction:column;
display:flex;
padding-right:0px;
box-sizing:border-box;
justify-content:center;
justify-content:flex-start;
margin-right:0px;
padding-bottom:0px;
flex-wrap:nowrap;
width:100%;
......@@ -233,276 +157,226 @@ var app = new Vue({
padding-left:0px;
margin-top:0px;
}
.content .body
{
padding-bottom:20px;
flex-wrap:nowrap;
flex-direction:row;
display:flex;
padding-right:0px;
width:1200px;
box-sizing:border-box;
padding-top:20px;
padding-left:0px;
}
.content .body .left
{
padding-bottom:0px;
flex-wrap:nowrap;
flex-direction:column;
display:flex;
padding-right:0px;
width:200px;
box-sizing:border-box;
padding-top:0px;
padding-left:0px;
margin-top:0px;
height:100%;
}
.content .body .left .title
{
color:#C0C4CC;
flex-direction:row;
word-wrap:break-word;
display:inline-block;
border-bottom-color:#C0C4CC;
font-size:16PX;
border-bottom-style:dashed;
padding-top:10px;
border-bottom-width:1px;
padding-left:10px;
margin-top:0px;
height:40px;
}
.content .body .left .sub-title-sel
{
background-color:#F2F6FC;
color:#409EFF;
flex-direction:row;
word-wrap:break-word;
display:inline-block;
font-size:16PX;
padding-top:10px;
padding-left:10px;
margin-top:2px;
height:40px;
}
.content .body .left .sub-title
{
color:#5F5F5F;
flex-direction:row;
word-wrap:break-word;
display:inline-block;
font-size:16PX;
padding-top:10px;
padding-left:10px;
margin-top:0px;
height:40px;
}
.content .body .right
{
flex-direction:column;
display:flex;
padding-right:0px;
box-sizing:border-box;
padding-bottom:0px;
flex-wrap:wrap;
width:1000px;
margin-bottom:0px;
padding-top:0px;
position:relative;
padding-left:20px;
margin-top:0px;
}
.content .body .right .ms-channel-path
{
align-items:center;
flex-direction:row;
display:flex;
box-sizing:border-box;
margin-left:auto;
margin-right:auto;
flex-wrap:nowrap;
width:100%;
margin-bottom:10px;
padding-left:0px;
margin-top:10px;
height:30px;
.content .body {
padding-right: 0px;
margin-right: 0px;
padding-bottom: 20px;
flex-wrap: nowrap;
height: 100%;
padding-left: 0px;
box-sizing: border-box;
padding-top: 20px;
flex-direction: row;
display: flex;
width: 1200px;
}
.content .body .right .ms-channel-path span
{
font-size:16PX;
color:#909399;
flex-direction:row;
word-wrap:break-word;
display:inline-block;
.content .body .left {
padding-right: 0px;
padding-bottom: 0px;
flex-wrap: nowrap;
height: 100%;
padding-left: 0px;
box-sizing: border-box;
padding-top: 0px;
flex-direction: column;
display: flex;
width: 200px;
margin-top: 0px;
}
.content .body .right .ms-channel-path .ms-channel-path-index
{
cursor:pointer;
color:#000;
font-size:16PX;
text-decoration:none;
margin-bottom:0px;
margin-top:0px;
.content .body .left .title {
border-bottom-style: dashed;
border-bottom-width: 1px;
height: 40px;
font-size: 16PX;
padding-left: 10px;
color: #C0C4CC;
word-wrap: break-word;
border-bottom-color: #C0C4CC;
padding-top: 10px;
flex-direction: row;
display: inline-block;
margin-top: 0px;
}
.content .body .right .ms-channel-path >i
{
.content .body .left .sub-title-sel {
background-color: #F2F6FC;
color: #409EFF;
flex-direction: row;
word-wrap: break-word;
display: inline-block;
font-size: 16PX;
padding-top: 10px;
padding-left: 10px;
margin-top: 2px;
height: 40px;
}
.content .body .right .ms-channel-path .ms-channel-path-link
{
cursor:pointer;
color:#000;
font-size:16PX;
text-decoration:none;
margin-bottom:0px;
margin-top:0px;
.content .body .left .sub-title {
height: 40px;
font-size: 16PX;
padding-left: 10px;
color: #5F5F5F;
word-wrap: break-word;
padding-top: 10px;
flex-direction: row;
display: inline-block;
margin-top: 0px;
}
.content .body .right .list
{
flex-direction:row;
display:flex;
padding-right:0px;
box-sizing:border-box;
margin-right:0px;
padding-bottom:0px;
width:980px;
margin-bottom:0px;
padding-top:0px;
padding-left:0px;
margin-top:0px;
height:610px;
.content .body .right {
padding-right: 0px;
margin-right: 0px;
padding-bottom: 0px;
flex-wrap: wrap;
height: 800px;
align-items: flex-start;
margin-bottom: 0px;
padding-left: 20px;
box-sizing: border-box;
padding-top: 0px;
flex-direction: row;
display: flex;
width: 1000px;
margin-top: 0px;
}
.content .body .right .list .list-body
{
margin-right:0px;
flex-wrap:wrap;
flex-direction:row;
display:flex;
width:988px;
margin-bottom:0px;
box-sizing:border-box;
position:absolute;
padding-top:0px;
margin-top:0px;
.content .body .right .ms-channel-path {
margin-right: auto;
padding-bottom: 0px;
flex-wrap: nowrap;
height: 30px;
align-items: center;
margin-left: auto;
margin-bottom: 10px;
padding-left: 0px;
box-sizing: border-box;
padding-top: 0px;
flex-direction: row;
display: flex;
width: 100%;
margin-top: 10px;
}
.content .body .right .list .list-body .product
{
background-color:#FFFFFF;
flex-direction:column;
display:flex;
padding-right:0px;
box-sizing:border-box;
margin-right:8px;
padding-bottom:0px;
width:239px;
margin-bottom:8px;
padding-top:0px;
padding-left:0px;
margin-top:0px;
height:300px;
.content .body .right .ms-channel-path span {
font-size: 16PX;
color: #909399;
word-wrap: break-word;
flex-direction: row;
display: inline-block;
}
.content .body .right .list .list-body .product img
{
margin-right:0px;
width:100%;
margin-bottom:0px;
padding-top:0px;
margin-top:0px;
height:100%;
.content .body .right .ms-channel-path .ms-channel-path-index {
cursor: pointer;
color: #000;
text-decoration: none;
font-size: 16PX;
margin-bottom: 0px;
margin-top: 0px;
}
.content .body .right .list .list-body .product a
{
padding-bottom:0px;
text-align:center;
flex-direction:row;
word-wrap:break-word;
display:inline-block;
padding-right:0px;
font-size:16PX;
padding-top:10px;
padding-left:0px;
margin-top:10px;
height:48px;
.content .body .right .ms-channel-path>i {}
.content .body .right .ms-channel-path .ms-channel-path-link {
cursor: pointer;
color: #000;
text-decoration: none;
font-size: 16PX;
margin-bottom: 0px;
margin-top: 0px;
}
.content .body .right .page
{
align-items:flex-start;
flex-direction:column;
display:flex;
padding-right:10px;
box-sizing:border-box;
margin-left:0px;
margin-right:0px;
padding-bottom:10px;
width:100%;
margin-bottom:0px;
padding-top:10px;
padding-left:10px;
margin-top:0px;
.content .body .right .list {
padding-right: 0px;
margin-right: 0px;
padding-bottom: 0px;
height: 800px;
margin-bottom: 0px;
position: absolute;
padding-left: 0px;
box-sizing: border-box;
top: 40px;
padding-top: 0px;
flex-direction: row;
display: flex;
width: 980px;
margin-top: 0px;
}
.content .body .right .page .ms-page
{
align-items:center;
flex-direction:row;
display:flex;
padding-right:0px;
box-sizing:border-box;
justify-content:center;
margin-left:0;
padding-bottom:0px;
flex-wrap:nowrap;
width:100%;
margin-bottom:0;
padding-top:0px;
padding-left:0px;
margin-top:0;
height:40px;
.content .body .right .list .list-body {
margin-right: 0px;
padding-bottom: 0px;
flex-wrap: wrap;
margin-bottom: 0px;
position: absolute;
padding-left: 0px;
box-sizing: border-box;
top: 120px;
padding-top: 0px;
flex-direction: row;
display: flex;
width: 988px;
margin-top: 0px;
}
.content .body .right .page .ms-page .ms-page-left
{
margin-bottom:0px;
margin-top:0px;
margin-left:0px;
.content .body .right .list .list-body .product {
padding-right: 0px;
margin-right: 8px;
padding-bottom: 0px;
margin-bottom: 8px;
padding-left: 0px;
box-sizing: border-box;
padding-top: 0px;
background-color: #FFFFFF;
flex-direction: column;
display: flex;
width: 320px;
margin-top: 0px;
}
.content .body .right .page .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;
.content .body .right .list .list-body .product img {
margin-right: 0px;
padding-top: 0px;
height: 100%;
width: 100%;
margin-bottom: 0px;
margin-top: 0px;
}
.content .body .right .page .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;
.content .body .right .list .list-body .product a {
text-align: center;
flex-direction: row;
word-wrap: break-word;
display: inline-block;
padding-right: 0px;
padding-bottom: 0px;
font-size: 16PX;
padding-top: 10px;
padding-left: 0px;
margin-top: 10px;
height: 48px;
}
.content .body .right .page .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;
.content .body .right .list .page {
flex-wrap: nowrap;
height: 60px;
align-items: center;
bottom: 0px;
justify-content: center;
position: absolute;
box-sizing: border-box;
flex-direction: row;
display: flex;
width: 100%;
}
.content .body .right .page .ms-page .ms-page-right
{
margin-top:0px;
margin-left:0px;
.content .body .right .list .page span {
justify-content: center;
font-size: 14px;
word-wrap: break-word;
flex-direction: row;
display: inline-block;
}
@media (max-width: 768px){
.content
......@@ -521,95 +395,184 @@ var app = new Vue({
padding-left:0px;
margin-top:0px;
}
.content .body
{
padding-bottom:20px;
flex-wrap:nowrap;
flex-direction:column;
display:flex;
padding-right:0px;
width:100%;
box-sizing:border-box;
padding-top:20px;
padding-left:0px;
}
.content .body .right
{
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 .body .right .list
{
flex-direction:row;
display:flex;
padding-right:0px;
box-sizing:border-box;
margin-right:0px;
padding-bottom:0px;
width:980px;
margin-bottom:0px;
padding-top:0px;
padding-left:0px;
margin-top:0px;
height:610px;
}
.content .body .right .list .list-body
{
margin-right:0px;
flex-wrap:wrap;
flex-direction:row;
display:flex;
width:988px;
margin-bottom:0px;
box-sizing:border-box;
position:absolute;
margin-top:0px;
}
.content .body .right .list .list-body .product
{
background-color:#FFFFFF;
flex-direction:column;
display:flex;
padding-right:0px;
box-sizing:border-box;
margin-right:8px;
padding-bottom:0px;
width:239px;
margin-bottom:8px;
padding-top:0px;
padding-left:0px;
margin-top:0px;
height:300px;
}
.content .body .right .list .list-body .product img
{
width:100%;
padding-top:0px;
margin-top:0px;
height:100%;
}
.content .body .right .list .list-body .product a
{
padding-bottom:0px;
text-align:center;
flex-direction:row;
word-wrap:break-word;
display:inline-block;
padding-right:0px;
font-size:16PX;
padding-top:10px;
padding-left:0px;
margin-top:10px;
height:48px;
}
.content .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;
}
.content .body .left {
padding-bottom: 0px;
flex-wrap: nowrap;
flex-direction: column;
display: flex;
padding-right: 0px;
width: 90%;
box-sizing: border-box;
padding-top: 0px;
padding-left: 0px;
margin-top: 0px;
height: 100%;
}
.content .body .left .sub-title-sel {
background-color: #F2F6FC;
color: #409EFF;
flex-direction: row;
word-wrap: break-word;
display: inline-block;
font-size: 16PX;
padding-top: 10px;
padding-left: 10px;
margin-top: 2px;
height: 40px;
}
.content .body .left .sub-title {
color: #5F5F5F;
flex-direction: row;
word-wrap: break-word;
display: inline-block;
font-size: 16PX;
padding-top: 10px;
padding-left: 10px;
margin-top: 0px;
height: 40px;
}
.content .body .right {
padding-bottom: 0px;
flex-wrap: nowrap;
flex-direction: column;
display: flex;
padding-right: 0px;
width: 90%;
height: unset;
margin-bottom: 0px;
box-sizing: border-box;
padding-top: 0px;
padding-left: 0px;
margin-top: 0px;
}
.content .body .right .ms-channel-path {
align-items: center;
flex-direction: row;
display: flex;
box-sizing: border-box;
margin-left: auto;
margin-right: auto;
padding-bottom: 0px;
flex-wrap: nowrap;
width: 100%;
margin-bottom: 10px;
padding-top: 0px;
padding-left: 0px;
margin-top: 10px;
height: 30px;
}
.content .body .right .ms-channel-path span {
color: #909399;
flex-direction: row;
word-wrap: break-word;
display: inline-block;
font-size: 16PX;
}
.content .body .right .ms-channel-path .ms-channel-path-index {
cursor: pointer;
color: #000;
font-size: 16PX;
text-decoration: none;
margin-bottom: 0px;
margin-top: 0px;
}
.content .body .right .ms-channel-path .ms-channel-path-link {
cursor: pointer;
color: #000;
font-size: 16PX;
text-decoration: none;
margin-bottom: 0px;
margin-top: 0px;
}
.content .body .right .list {
margin-right: 0px;
padding-bottom: 0px;
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;
position: unset;
}
.content .body .right .list .list-body {
margin-right: 0px;
flex-wrap: wrap;
flex-direction: row;
display: flex;
width: 100%;
margin-bottom: 0px;
box-sizing: border-box;
margin-top: 0px;
justify-content: center;
position: unset;
}
.content .body .right .list .page {
position:unset;
}
.content .body .right .list .list-body .product {
background-color: #FFFFFF;
flex-direction: column;
display: flex;
padding-right: 0px;
box-sizing: border-box;
margin-right: 8px;
padding-bottom: 0px;
width: 90%;
margin-bottom: 8px;
padding-top: 0px;
padding-left: 0px;
margin-top: 0px;
}
.content .body .right .list .list-body .product img {
padding-bottom: 0px;
width: 100%;
padding-top: 0px;
margin-top: 0px;
height: 100%;
}
.content .body .right .list .list-body .product a {
padding-bottom: 0px;
text-align: center;
flex-direction: row;
word-wrap: break-word;
display: inline-block;
padding-right: 0px;
font-size: 16PX;
padding-top: 10px;
padding-left: 0px;
margin-top: 10px;
height: 48px;
}
}</style>
\ No newline at end of file
}</style>
</body>
</html>
\ No newline at end of file
src/main/webapp/template/1/default.bak/about.htm → src/main/webapp/template/1/default/search.htm 100644 → 100755
View file @ f7e5e034
<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>
<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>
</script>
<style>
[v-cloak]{
display: none;
}
</style>
</head>
<body>
<div id="app" v-cloak>
</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>
<#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>
</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: {
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'
}
})
},
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>
</script>
<style>
body {
background-color:#f5f5f5;
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;
}
.content
.search
{
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;
flex-direction:row;
display:flex;
padding-right:0px;
box-sizing:border-box;
margin-left:auto;
min-height:800px;
margin-right:auto;
justify-content:center;
padding-bottom:0px;
flex-wrap:nowrap;
width:1170px;
margin-bottom:10px;
width:100%;
margin-bottom:0px;
padding-top:0px;
position:relative;
padding-left:0px;
margin-top:10px;
height:300px;
margin-top:0px;
}
.content .detail .top
.search .body
{
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;
padding-bottom:20px;
flex-wrap:nowrap;
width:90%;
width:1200px;
margin-bottom:0px;
border-bottom-style:solid;
padding-top:32px;
border-bottom-width:1px;
padding-top:20px;
padding-left:0px;
margin-top:0px;
height:100%;
}
.content .detail .top .title
.search .body span
{
padding-bottom:0px;
flex-direction:row;
word-wrap:break-word;
display:inline-block;
font-size:28PX;
font-size:14px;
margin-bottom:0px;
padding-top:0px;
margin-top:0px;
}
.content .detail .top .date
.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:center;
flex-direction:row;
align-items:flex-start;
flex-direction:column;
display:flex;
padding-right:0px;
box-sizing:border-box;
justify-content:center;
margin-left:0px;
margin-right:0px;
flex-wrap:nowrap;
padding-bottom:10px;
width:100%;
margin-bottom:0px;
padding-top:0px;
padding-top:10px;
padding-left:0px;
margin-top:0px;
height:100%;
}
.content .detail .top .date span
.search .body .right-body .news-item
{
font-size:16PX;
flex-direction:row;
word-wrap:break-word;
display:inline-block;
}
.content .detail .body
{
align-items:center;
padding-bottom:0px;
flex-wrap:nowrap;
flex-direction:column;
flex-direction:row;
display:flex;
width:90%;
margin-bottom:0px;
padding-right:0px;
width:100%;
box-sizing:border-box;
padding-top:32px;
justify-content:center;
margin-bottom:10px;
padding-top:0px;
padding-left:0px;
margin-top:0px;
height:120px;
}
.content .detail .body .body-text
.search .body .right-body .news-item .pic
{
margin-right:auto;
padding-bottom:0px;
flex-wrap:nowrap;
flex-direction:row;
word-wrap:break-word;
display:inline-block;
font-size:18PX;
line-height:32px;
margin-bottom:0px;
display:flex;
width:200px;
box-sizing:border-box;
padding-top:0px;
margin-top:0px;
margin-left:0px;
height:120px;
}
.content .ms-right-fixed-top
.search .body .right-body .news-item .pic img
{
margin:0 auto;
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:1200px;
padding-right:0px;
width:100%;
margin-bottom:0px;
position:relative;
padding-top:0px;
padding-left:0px;
margin-top:0px;
height:0px;
height:100%;
margin-left:0px;
}
.content .ms-right-fixed-top >.content
.search .body .right-body .news-item .news-content
{
align-items:center;
padding-bottom:0px;
flex-wrap:nowrap;
flex-direction:column;
display:flex;
padding-right:0px;
width:100%;
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;
position:relative;
padding-left:10px;
justify-content:flex-start;
height:100%;
}
.content .ms-right-fixed-top >.content i
.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;
padding-right:0px;
margin-left:0px;
}
.content .ms-right-fixed-top >.content span
.search .body .right-body .news-item .news-content .desc
{
background-color:#909399;
color:#FFFFFF;
text-align:center;
padding-bottom:8px;
color:#909399;
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%;
padding-right:0px;
font-size:16PX;
margin-bottom:0px;
padding-top:8px;
padding-left:0px;
height:100px;
}
@media (max-width: 768px){
.content .detail
.search
{
background-color:#FFFFFF;
align-items:center;
flex-direction:column;
flex-direction:row;
display:flex;
padding-right:0px;
box-sizing:border-box;
margin-left:auto;
min-height:800px;
margin-right:auto;
justify-content:center;
padding-bottom:0px;
flex-wrap:nowrap;
width:100%;
margin-bottom:10px;
margin-bottom:0px;
padding-top:0px;
position:relative;
padding-left:0px;
margin-top:10px;
height:300px;
margin-top:0px;
}
.content .detail .top
.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;
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;
padding-top:20px;
padding-left:0px;
justify-content:flex-start;
}
.content .detail .top .date
.search .body .right-body
{
align-items:center;
flex-direction:row;
flex-direction:column;
display:flex;
padding-right:0px;
box-sizing:border-box;
justify-content:center;
margin-left:0px;
margin-right:0px;
flex-wrap:nowrap;
padding-bottom:10px;
width:100%;
margin-bottom:0px;
padding-top:0px;
padding-top:10px;
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;
}
.content .detail .body
.search .body .right-body .news-item
{
align-items:center;
padding-bottom:0px;
flex-wrap:nowrap;
flex-direction:column;
display:flex;
padding-right:0px;
width:90%;
margin-bottom:0px;
box-sizing:border-box;
padding-top:32px;
justify-content:center;
margin-top:0px;
margin-bottom:10px;
padding-top:0px;
padding-left:0px;
}
.content .detail .body .body-text
.search .body .right-body .news-item .pic
{
margin-right:auto;
padding-bottom:0px;
flex-wrap:nowrap;
flex-direction:row;
word-wrap:break-word;
display:inline-block;
font-size:18PX;
line-height:32px;
display:flex;
width:100%;
box-sizing:border-box;
margin-bottom:0px;
padding-top:0px;
margin-top:0px;
margin-left:0px;
height:120px;
}
.content .ms-right-fixed-top
.search .body .right-body .news-item .pic img
{
margin:0 auto;
align-items:center;
flex-direction:row;
display:flex;
box-sizing:border-box;
justify-content:center;
margin-left:0px;
flex-wrap:nowrap;
padding-bottom:0px;
padding-right:0px;
width:100%;
margin-bottom:0px;
position:relative;
margin-top:0px;
height:0px;
padding-top:0px;
padding-left:0px;
height:100%;
}
.content .ms-right-fixed-top >.content
.search .body .right-body .news-item .news-content
{
align-items:center;
padding-bottom:0px;
flex-wrap:nowrap;
flex-direction:column;
display:flex;
padding-right:0px;
width:100%;
box-sizing:border-box;
margin-left:600px;
padding-bottom:0px;
top:400px;
flex-wrap:nowrap;
left:50%;
width:40px;
position:fixed;
padding-top:0px;
position:relative;
padding-left:0px;
z-index:1;
justify-content:flex-start;
height:100%;
}
.content .ms-right-fixed-top >.content i
.search .body .right-body .news-item .news-content .title
{
margin-left:0px;
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;
}
.content .ms-right-fixed-top >.content span
.search .body .right-body .news-item .news-content .desc
{
background-color:#909399;
color:#FFFFFF;
text-align:center;
padding-bottom:8px;
color:#909399;
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%;
padding-right:0px;
font-size:14PX;
margin-bottom:0px;
padding-top:8px;
padding-left:0px;
margin-top:0px;
height:100px;
}
}</style>
\ No newline at end of file
}</style>
</body>
</html>
\ No newline at end of file
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment