城阳车管所项目
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

624 lines
17 KiB

6 years ago
<html>
<head>
<meta charset="utf-8" />
<title>{ms:global.name/}</title>
<meta http-equiv="content-type" content="text/html" />
<META HTTP-EQUIV="Pragma" CONTENT="no-cache" />
<meta name="viewport" content="initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no,width=device-width"/>
<meta name="format-detection" content="telephone=no"/>
<meta name="app-mobile-web-app-capable" content="yes"/>
<meta name="app-mobile-web-app-status-bar-style" content="black-translucent"/>
<meta name="keywords" content="{ms:global.keyword/}" />
<meta name="description" content="{ms:global.descrip/}" />
<script type="text/javascript" src="{ms:global.host/}/static/plugins/vue/2.6.9/vue.min.js"></script>
<link rel="stylesheet" href="{ms:global.host/}/static/plugins/minireset/0.0.2/minireset.min.css" />
<link rel="stylesheet" href="https://cdn.mingsoft.net/iconfont/iconfont.css" />
<link rel="stylesheet" href="{ms:global.host/}/static/plugins/animate/4.1.0/animate.min.css">
<script src="{ms:global.host/}/static/plugins/element-ui/2.12.0/index.js"></script>
<link rel="stylesheet" href="{ms:global.host/}/static/plugins/element-ui/2.12.0/index.css" />
<link rel="stylesheet" href="{ms:global.host/}/{ms:global.style/}/css/app.css" />
<!--网络请求框架-->
<script src="{ms:global.host/}/static/plugins/axios/0.18.0/axios.min.js"></script>
<script src="{ms:global.host/}/static/plugins/qs/6.6.0/qs.min.js"></script>
<script src="{ms:global.host/}/static/plugins/ms/1.0.0/ms.js"></script>
<script src="{ms:global.host/}/static/plugins/ms/1.0.0/ms.http.js"></script>
<script src="{ms:global.host/}/static/plugins/ms/1.0.0/ms.util.js"></script>
<script>
ms.base = "";
</script>
<style>
[v-cloak]{
display: none;
}
</style>
</head>
<body>
<div id="app" v-cloak>
5 years ago
<#include "nav.htm"/>
6 years ago
<div class="content">
5 years ago
<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">
6 years ago
<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>
5 years ago
<span class="big-title" >
6 years ago
${field.title}
</span>
5 years ago
<div class="news-date-hit">
6 years ago
<span >
5 years ago
发布时间:
6 years ago
</span>
5 years ago
<span class="date" >
6 years ago
${field.date?string("yyyy-MM-dd")}
</span>
<span >
5 years ago
预览次数:
6 years ago
</span>
<span >
${field.hit}
</span>
5 years ago
</div>
<div class="news-body">
</div>
<div class="news-pre">
<span class="label" >
上一篇:
6 years ago
</span>
5 years ago
<a href="{ms:global.url/}${field.prelink}"
6 years ago
>
${pre.title}
</a>
</div>
5 years ago
<div class="news-next">
<span class="label" >
下一篇:
6 years ago
</span>
5 years ago
<a href="{ms:global.url/}${field.nextink}"
6 years ago
>
5 years ago
${pre.title}
6 years ago
</a>
5 years ago
</div> </div> </div> </div>
6 years ago
<#include "footer.htm"/>
</div>
</body>
</html>
<script>
var app = new Vue({
el: '#app',
watch:{
},
data: {
},
methods: {
switchShow:function(arr){
var that = this
arr.forEach(function(x){
let e = that.$el.querySelector("#key_"+x)
if(e){
e.style.display=e.style.display=='none'?'flex':'none'
}
})
},
},
created(){
}
})
</script>
<style>
body {
5 years ago
background-color:#fff;
6 years ago
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
{
5 years ago
align-items:flex-start;
flex-direction:row;
6 years ago
display:flex;
padding-right:0px;
5 years ago
box-sizing:border-box;
justify-content:center;
padding-bottom:0px;
flex-wrap:nowrap;
6 years ago
width:100%;
margin-bottom:0px;
padding-top:0px;
padding-left:0px;
margin-top:0px;
}
5 years ago
.content .body
6 years ago
{
5 years ago
padding-bottom:20px;
flex-wrap:nowrap;
6 years ago
flex-direction:row;
display:flex;
5 years ago
padding-right:0px;
width:1200px;
6 years ago
box-sizing:border-box;
5 years ago
padding-top:20px;
padding-left:0px;
}
.content .body .left
{
6 years ago
padding-bottom:0px;
flex-wrap:nowrap;
5 years ago
flex-direction:column;
display:flex;
padding-right:0px;
width:200px;
box-sizing:border-box;
6 years ago
padding-top:0px;
5 years ago
padding-left:0px;
margin-top:0px;
height:100%;
6 years ago
}
5 years ago
.content .body .left .title
6 years ago
{
5 years ago
color:#C0C4CC;
6 years ago
flex-direction:row;
word-wrap:break-word;
display:inline-block;
5 years ago
border-bottom-color:#C0C4CC;
font-size:16PX;
border-bottom-style:dashed;
padding-top:10px;
border-bottom-width:1px;
padding-left:10px;
6 years ago
margin-top:0px;
5 years ago
height:40px;
6 years ago
}
5 years ago
.content .body .left .sub-title-sel
6 years ago
{
5 years ago
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;
6 years ago
}
5 years ago
.content .body .left .sub-title
6 years ago
{
5 years ago
color:#5F5F5F;
flex-direction:row;
word-wrap:break-word;
display:inline-block;
font-size:16PX;
padding-top:10px;
padding-left:10px;
6 years ago
margin-top:0px;
5 years ago
height:40px;
6 years ago
}
5 years ago
.content .body .right
6 years ago
{
flex-direction:column;
display:flex;
padding-right:0px;
box-sizing:border-box;
padding-bottom:0px;
flex-wrap:nowrap;
5 years ago
width:1000px;
margin-bottom:0px;
6 years ago
padding-top:0px;
5 years ago
padding-left:20px;
6 years ago
margin-top:0px;
5 years ago
height:100%;
6 years ago
}
5 years ago
.content .body .right .ms-channel-path
6 years ago
{
5 years ago
margin-right:auto;
6 years ago
align-items:center;
5 years ago
flex-wrap:nowrap;
flex-direction:row;
6 years ago
display:flex;
5 years ago
width:100%;
margin-bottom:10px;
6 years ago
box-sizing:border-box;
5 years ago
margin-top:10px;
height:30px;
margin-left:auto;
6 years ago
}
5 years ago
.content .body .right .ms-channel-path span
6 years ago
{
5 years ago
font-size:16PX;
color:#909399;
6 years ago
flex-direction:row;
word-wrap:break-word;
display:inline-block;
}
5 years ago
.content .body .right .ms-channel-path .ms-channel-path-index
6 years ago
{
5 years ago
cursor:pointer;
color:#000;
font-size:16PX;
text-decoration:none;
6 years ago
margin-bottom:0px;
5 years ago
margin-top:0px;
6 years ago
}
5 years ago
.content .body .right .ms-channel-path >i
6 years ago
{
5 years ago
}
.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 .big-title
{
text-align:center;
6 years ago
flex-direction:row;
word-wrap:break-word;
display:inline-block;
5 years ago
font-size:22PX;
padding-left:0px;
6 years ago
}
5 years ago
.content .body .right .news-date-hit
6 years ago
{
5 years ago
margin-right:0px;
6 years ago
align-items:center;
flex-wrap:nowrap;
5 years ago
flex-direction:row;
6 years ago
display:flex;
5 years ago
width:100%;
6 years ago
box-sizing:border-box;
5 years ago
padding-left:0px;
6 years ago
justify-content:center;
5 years ago
height:40px;
6 years ago
}
5 years ago
.content .body .right .news-date-hit span
6 years ago
{
5 years ago
font-size:16PX;
color:#909399;
6 years ago
flex-direction:row;
word-wrap:break-word;
display:inline-block;
}
5 years ago
.content .body .right .news-date-hit .date
6 years ago
{
5 years ago
margin-right:20px;
color:#909399;
6 years ago
flex-direction:row;
5 years ago
word-wrap:break-word;
display:inline-block;
font-size:16PX;
margin-left:0px;
}
.content .body .right .news-body
{
flex-direction:column;
6 years ago
display:flex;
box-sizing:border-box;
5 years ago
margin-left:0px;
margin-right:0px;
6 years ago
padding-bottom:0px;
flex-wrap:nowrap;
5 years ago
width:100%;
6 years ago
margin-bottom:0px;
padding-top:0px;
margin-top:0px;
5 years ago
height:300px;
6 years ago
}
5 years ago
.content .body .right .news-pre
6 years ago
{
align-items:center;
flex-direction:row;
display:flex;
box-sizing:border-box;
justify-content:flex-start;
5 years ago
margin-left:0px;
margin-right:0px;
padding-bottom:0px;
flex-wrap:nowrap;
width:100%;
padding-top:0px;
height:40px;
6 years ago
}
5 years ago
.content .body .right .news-pre .label
6 years ago
{
5 years ago
margin-right:10px;
color:#909399;
6 years ago
flex-direction:row;
word-wrap:break-word;
display:inline-block;
5 years ago
font-size:16PX;
padding-top:0px;
6 years ago
}
5 years ago
.content .body .right .news-pre a
6 years ago
{
5 years ago
margin-right:0px;
flex-direction:row;
word-wrap:break-word;
display:inline-block;
font-size:16PX;
padding-top:0px;
6 years ago
}
5 years ago
.content .body .right .news-next
6 years ago
{
align-items:center;
flex-direction:row;
display:flex;
box-sizing:border-box;
justify-content:flex-start;
5 years ago
margin-left:0px;
margin-right:0px;
padding-bottom:0px;
flex-wrap:nowrap;
width:100%;
padding-top:0px;
height:40px;
6 years ago
}
5 years ago
.content .body .right .news-next .label
6 years ago
{
5 years ago
margin-right:10px;
color:#909399;
6 years ago
flex-direction:row;
word-wrap:break-word;
display:inline-block;
5 years ago
font-size:16PX;
padding-top:0px;
6 years ago
}
5 years ago
.content .body .right .news-next a
6 years ago
{
5 years ago
margin-right:0px;
flex-direction:row;
word-wrap:break-word;
display:inline-block;
font-size:16PX;
6 years ago
padding-top:0px;
}
@media (max-width: 768px){
.content
{
5 years ago
align-items:center;
flex-direction:row;
display:flex;
padding-right:0px;
box-sizing:border-box;
justify-content:center;
padding-bottom:0px;
flex-wrap:nowrap;
width:100%;
margin-bottom:0px;
padding-top:0px;
padding-left:0px;
margin-top:0px;
}
.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;
6 years ago
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;
}
5 years ago
.content .body .right .ms-channel-path
6 years ago
{
margin-right:auto;
align-items:center;
flex-wrap:nowrap;
flex-direction:row;
display:flex;
width:100%;
margin-bottom:10px;
box-sizing:border-box;
margin-top:10px;
height:30px;
margin-left:auto;
}
5 years ago
.content .body .right .ms-channel-path span
6 years ago
{
5 years ago
color:#5F5F5F;
6 years ago
flex-direction:row;
word-wrap:break-word;
display:inline-block;
5 years ago
font-size:16PX;
padding-top:0px;
padding-left:0px;
6 years ago
}
5 years ago
.content .body .right .ms-channel-path .ms-channel-path-index
6 years ago
{
cursor:pointer;
color:#000;
5 years ago
font-size:16PX;
6 years ago
text-decoration:none;
margin-bottom:0px;
margin-top:0px;
}
5 years ago
.content .body .right .ms-channel-path .ms-channel-path-link
6 years ago
{
cursor:pointer;
color:#000;
5 years ago
font-size:16PX;
6 years ago
text-decoration:none;
margin-bottom:0px;
margin-top:0px;
}
5 years ago
.content .body .right .big-title
6 years ago
{
5 years ago
font-size:22PX;
6 years ago
padding-left:0px;
flex-direction:row;
word-wrap:break-word;
display:inline-block;
}
5 years ago
.content .body .right .news-date-hit
6 years ago
{
5 years ago
margin-right:0px;
6 years ago
align-items:center;
5 years ago
flex-wrap:nowrap;
6 years ago
flex-direction:row;
display:flex;
width:100%;
5 years ago
box-sizing:border-box;
6 years ago
padding-left:0px;
5 years ago
justify-content:center;
height:40px;
6 years ago
}
5 years ago
.content .body .right .news-date-hit span
6 years ago
{
font-size:16PX;
5 years ago
color:#909399;
6 years ago
flex-direction:row;
word-wrap:break-word;
display:inline-block;
}
5 years ago
.content .body .right .news-date-hit .date
6 years ago
{
5 years ago
margin-right:20px;
color:#909399;
6 years ago
flex-direction:row;
word-wrap:break-word;
display:inline-block;
5 years ago
font-size:16PX;
6 years ago
margin-left:0px;
}
5 years ago
.content .body .right .news-body
6 years ago
{
5 years ago
flex-direction:row;
6 years ago
display:flex;
box-sizing:border-box;
5 years ago
margin-left:0px;
margin-right:0px;
padding-bottom:0px;
6 years ago
flex-wrap:nowrap;
width:100%;
margin-bottom:0px;
5 years ago
padding-top:0px;
6 years ago
margin-top:0px;
5 years ago
height:300px;
6 years ago
}
5 years ago
.content .body .right .news-pre
6 years ago
{
align-items:center;
flex-direction:row;
display:flex;
box-sizing:border-box;
justify-content:flex-start;
5 years ago
margin-left:0px;
margin-right:0px;
padding-bottom:0px;
flex-wrap:nowrap;
width:100%;
padding-top:0px;
height:40px;
6 years ago
}
5 years ago
.content .body .right .news-pre .label
6 years ago
{
5 years ago
margin-right:10px;
color:#909399;
6 years ago
flex-direction:row;
word-wrap:break-word;
display:inline-block;
5 years ago
font-size:16PX;
padding-top:0px;
6 years ago
}
5 years ago
.content .body .right .news-pre a
6 years ago
{
5 years ago
margin-right:0px;
flex-direction:row;
word-wrap:break-word;
display:inline-block;
font-size:16PX;
padding-top:0px;
6 years ago
}
5 years ago
.content .body .right .news-next
6 years ago
{
align-items:center;
flex-direction:row;
display:flex;
box-sizing:border-box;
justify-content:flex-start;
5 years ago
margin-left:0px;
margin-right:0px;
padding-bottom:0px;
flex-wrap:nowrap;
width:100%;
padding-top:0px;
height:40px;
6 years ago
}
5 years ago
.content .body .right .news-next .label
6 years ago
{
5 years ago
margin-right:10px;
color:#909399;
6 years ago
flex-direction:row;
word-wrap:break-word;
display:inline-block;
5 years ago
font-size:16PX;
padding-top:0px;
6 years ago
}
5 years ago
.content .body .right .news-next a
6 years ago
{
5 years ago
margin-right:0px;
flex-direction:row;
word-wrap:break-word;
display:inline-block;
font-size:16PX;
6 years ago
padding-top:0px;
}
}</style>