Commit def8747c by 吴春元

11

parent d80d5415
This source diff could not be displayed because it is too large. You can view the blob instead.
This source diff could not be displayed because it is too large. You can view the blob instead.
This source diff could not be displayed because it is too large. You can view the blob instead.
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<meta name="renderer" content="webkit">
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
<meta name="robots" content="index, follow"/>
<title>${field.typetitle}</title>
<meta name="keywords" content="${field.typekeyword}">
<meta name="description" content="${field.typedescrip}">
<meta http-equiv="Cache-Control" content="no-transform"/>
<meta http-equiv="Cache-Control" content="no-siteapp"/>
<meta name="applicable-device" content="pc,mobile"/>
<link href="/{ms:global.style/}css/style.css" rel="stylesheet"/>
<link href="/{ms:global.style/}css/css.css" rel="stylesheet"/>
<script src="/{ms:global.style/}js/jquery-1.8.3.min.js"></script>
<script type="text/javascript" src="/{ms:global.style/}js/jquery.superslide.2.1.1.js">//pc导航</script>
<script src="/{ms:global.style/}js/anim.js">//动画</script>
<script type="text/javascript" src="/{ms:global.style/}js/basic.js"></script>
</head>
<body>
<#include "header.htm" />
<div class="o_big" >
<img src="{@ms:file field.typelitpic/}" alt="CMS,免费CMS,免费开源Java CMS,CMS系统,Java CMS,CMS内容管理系统,企业CMS,HTML网页模板,CMS模板,CMS源码,网站源码,信创系统软件,安可系统,网站建设,模板网站,建站模板,建站工具,建站平台,建站工具"/>
<h1 >${field.typedescrip}</h1>
</div>
<!--正文begin-->
<!--因为关于我们与招聘信息用的是同一个模板,所以判断是否是子栏目并且没有父栏目id,招聘信息不需要显示二级栏目-->
<#if field.typeleaf ==1 && field.parentid?has_content>
<div class="wrap">
<div class="product_a anim anim-1">
<!--子栏目选中效果-->
<#if field.typeleaf !=0>
{ms:channel type='level'}
<#if field.typeid == typeid || (ids?has_content && ids?split(",")?seq_contains(field.typeid.toString()))>
<a href='<#if field.type==3>{ms:global.html/}${field.typeurl}<#else>{ms:global.html/}${field.typelink}</#if>' class='csel'>${field.typetitle}</a>
<#else>
<a href="<#if field.type==3>{ms:global.html/}${field.typeurl}<#else>{ms:global.html/}${field.typelink}</#if>">${field.typetitle}</a>
</#if>
{/ms:channel}
<#else>
{ms:channel type='son'}
<#if field.typeid == typeid || (ids?has_content && ids?split(",")?seq_contains(field.typeid.toString()))>
<a href='<#if field.type==3>{ms:global.html/}${field.typeurl}<#else>{ms:global.html/}${field.typelink}</#if>' class='csel'>${field.typetitle}</a>
<#else>
<a href="<#if field.type==3>{ms:global.html/}${field.typeurl}<#else>{ms:global.html/}${field.typelink}</#if>">${field.typetitle}</a>
</#if>
{/ms:channel}
</#if>
</div>
</div>
</#if>
<div class="news_bg">
<div class="wrap">
<div class="about_x anim anim-2">
<div class="show_t">${field.typetitle}</div>
<div class="con_id">
<div> ${field.content}</div>
<br/>
</div>
</div>
</div>
</div>
<!--正文end-->
<#include "footer.htm" />
<script language="javascript" src="/{ms:global.style/}js/foot.js"></script><!--尾部end-->
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<meta name="renderer" content="webkit">
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
<meta name="robots" content="index, follow"/>
<title>${field.typetitle}</title>
<meta name="keywords" content="${field.typekeyword}">
<meta name="description" content="${field.typedescrip}">
<meta http-equiv="Cache-Control" content="no-transform"/>
<meta http-equiv="Cache-Control" content="no-siteapp"/>
<meta name="applicable-device" content="pc,mobile"/>
<link href="/{ms:global.style/}/css/style.css" rel="stylesheet"/>
<link href="/{ms:global.style/}/css/css.css" rel="stylesheet"/>
<script src="/{ms:global.style/}/js/jquery-1.8.3.min.js"></script>
<script type="text/javascript" src="/{ms:global.style/}/js/jquery.superslide.2.1.1.js">//pc导航</script>
<script src="/{ms:global.style/}/js/anim.js">//动画</script>
<script type="text/javascript" src="/{ms:global.style/}/js/basic.js"></script>
</head>
<body>
<#include "header.htm" />
<div class="o_big" >
<img src="{@ms:file field.typelitpic/}" alt="CMS,免费CMS,免费开源Java CMS,CMS系统,Java CMS,CMS内容管理系统,企业CMS,HTML网页模板,CMS模板,CMS源码,网站源码,信创系统软件,安可系统,网站建设,模板网站,建站模板,建站工具,建站平台,建站工具"/>
<h1 >${field.typedescrip}</h1>
</div>
<!--正文begin-->
<div class="wrap">
<div class="product_a anim anim-1">
<#if field.typeleaf !=0>
{ms:channel type='level'}
<#if field.typeid == typeid || (ids?has_content && ids?split(",")?seq_contains(field.typeid.toString()))>
<a href='<#if field.type==3>{ms:global.html/}${field.typeurl}<#else>{ms:global.html/}${field.typelink}</#if>' class='csel'>${field.typetitle}</a>
<#else>
<a href="<#if field.type==3>{ms:global.html/}${field.typeurl}<#else>{ms:global.html/}${field.typelink}</#if>">${field.typetitle}</a>
</#if>
{/ms:channel}
<#else>
{ms:channel type='son'}
<#if field.typeid == typeid || (ids?has_content && ids?split(",")?seq_contains(field.typeid.toString()))>
<a href='<#if field.type==3>{ms:global.html/}${field.typeurl}<#else>{ms:global.html/}${field.typelink}</#if>' class='csel'>${field.typetitle}</a>
<#else>
<a href="<#if field.type==3>{ms:global.html/}${field.typeurl}<#else>{ms:global.html/}${field.typelink}</#if>">${field.typetitle}</a>
</#if>
{/ms:channel}
</#if>
</div>
</div>
<div class="wrap">
<div class="case_ul">
<ul>
{ms:arclist size=8 ispaging=true}
<li class="">
<a href="{ms:global.html/}${field.link}" title="${field.title}">
<div class="imgs">
<img src="{@ms:file field.litpic/}" alt="${field.title}">
</div>
<div class="txts">
<h2 class="f22">${field.title}</h2>
<p class="p">{@ms:len field.descrip 20 /}...</p>
<div class="desc">
<div> &nbsp; &nbsp; &nbsp; &nbsp;{@ms:len field.descrip 280 /}</div>
</div>
</div>
</a>
</li>
{/ms:arclist}
</ul>
</div>
<div class="yema"><#include "page.htm" /></div>
</div>
<!--正文end-->
<#include "footer.htm" />
<script language="javascript" src="/{ms:global.style/}js/foot.js"></script><!--尾部end-->
</body>
</html>
<script type="text/x-template" id="ms-mattention">
<div class="interaction-like interaction-btn" :class="{thumbsUpchecked:thumbsUp == true}">
<i :class="icon" @click="saveAttention()"></i>
<span class="value">
{{attentionTotal}}
</span>
</div>
</script>
<script>
Vue.component('ms-mattention',{
template: "#ms-mattention",
name: "ms-mattention",
props:{
// 业务编号
dataId:{
type: String
},
// 类型
dataType:{
type: String
},
// 图标
icon:{
type: String
},
// 标题
label:{
type: String
}
},
data: function(){
return{
// 数量
attentionTotal: 0,
thumbsUp: false,
}
},
methods: {
// 保存
saveAttention: function () {
var that = this
ms.http.post( ms.base + "/people/attention/collection/save.do", {
dataId: that.dataId,
dataType: that.dataType,
collectionDataTitle: that.label,
}).then(function (res) {
if (res.result) {
that.attentionTotals(that.dataType)
that.thumbsUp = res.data;
}
});
},
// 关注数量
attentionTotals: function (dataType) {
var that = this;
//用户-关注接口
ms.http.post(ms.base + "/attention/collection/queryCollectionCount.do", {
dataIds: that.dataId,
dataType: dataType
}).then(function (res) {
if(res.result && res.data.rows.length > 0){
that.attentionTotal = 0;
res.data.rows.forEach(function (item) {
if (item.dataId == that.dataId) {
that.attentionTotal = item.dataCount;
if (item.isLike) {
that.thumbsUp = item.isLike;
}
}
})
} else {
that.attentionTotal = 0
}
}).catch(function (err) {
that.$notify({
title: '提示',
dangerouslyUseHTMLString: true,
message: '需要安装关注插件才能使用,请先进入后台MStore安装关注插件使用。<span style="color: #409EFF; text-decoration: underline;">'
+'<a href="http://store.mingsoft.net/#/detail?id=265&type=plugin" target="_blank">点击查看关注插件</a></span>',
type: 'warning'
});
})
},
},
created: function () {
this.icon = "iconfont "+this.icon+" label"
this.attentionTotals(this.dataType)
}
})
</script>
<style scoped>
.news-detail .detail-bottom-interaction .interaction-like {
min-height: 50px;
margin-right: 20px;
align-items: center;
flex-wrap: nowrap;
flex-direction: row;
display: flex;
flex-shrink: 0;
width: unset;
box-sizing: border-box;
margin-top: 0px;
height: 100%;
}
.news-detail .detail-bottom-interaction .interaction-like .label {
margin-right: 5px;
font-size: 28PX;
margin-top: -8px;
}
.news-detail .detail-bottom-interaction .interaction-like .value {
margin-right: 0px;
flex-direction: row;
word-wrap: break-word;
display: inline-block;
}
.interaction-btn {
cursor: pointer;
}
</style>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<meta name="renderer" content="webkit">
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
<meta name="robots" content="index, follow"/>
<title>${field.typetitle}</title>
<meta name="keywords" content="${field.typekeyword}">
<meta name="description" content="${field.typedescrip}">
<meta http-equiv="Cache-Control" content="no-transform"/>
<meta http-equiv="Cache-Control" content="no-siteapp"/>
<meta name="applicable-device" content="pc,mobile"/>
<link href="/favicon.ico" rel="shortcut icon"/>
<link href="/{ms:global.style/}css/style.css" rel="stylesheet"/>
<link href="/{ms:global.style/}css/css.css" rel="stylesheet"/>
<script src="/{ms:global.style/}js/jquery-1.8.3.min.js"></script>
<script type="text/javascript" src="/{ms:global.style/}js/jquery.superslide.2.1.1.js">//pc导航</script>
<script src="/{ms:global.style/}js/anim.js">//动画</script>
<script type="text/javascript" src="/{ms:global.style/}js/basic.js"></script>
</head>
<body>
<#include "header.htm" />
<div class="o_big" >
<img src="{@ms:file field.typelitpic/}" alt="CMS,免费CMS,免费开源Java CMS,CMS系统,Java CMS,CMS内容管理系统,企业CMS,HTML网页模板,CMS模板,CMS源码,网站源码,信创系统软件,安可系统,网站建设,模板网站,建站模板,建站工具,建站平台,建站工具"/>
<h1 >${field.typedescrip}</h1>
</div>
<!--正文begin-->
<div class="wrap">
<div class="product_a anim anim-1">
<#if field.typeleaf !=0>
{ms:channel type='level'}
<#if field.typeid == typeid || (ids?has_content && ids?split(",")?seq_contains(field.typeid.toString()))>
<a href='<#if field.type==3>{ms:global.html/}${field.typeurl}<#else>{ms:global.html/}${field.typelink}</#if>' class='csel'>${field.typetitle}</a>
<#else>
<a href="<#if field.type==3>{ms:global.html/}${field.typeurl}<#else>{ms:global.html/}${field.typelink}</#if>">${field.typetitle}</a>
</#if>
{/ms:channel}
<#else>
{ms:channel type='son'}
<#if field.typeid == typeid || (ids?has_content && ids?split(",")?seq_contains(field.typeid.toString()))>
<a href='<#if field.type==3>{ms:global.html/}${field.typeurl}<#else>{ms:global.html/}${field.typelink}</#if>' class='csel'>${field.typetitle}</a>
<#else>
<a href="<#if field.type==3>{ms:global.html/}${field.typeurl}<#else>{ms:global.html/}${field.typelink}</#if>">${field.typetitle}</a>
</#if>
{/ms:channel}
</#if>
</div>
</div>
<div class="contact_bg anim anim-2">
<div class="map_div">
<script src="/{ms:global.style/}js/048c11927f4c4b8a8811578543381d58.js"></script>
<div class="baidu_ditu" id="dituContent"></div>
<script>
var map2 = new BMap.Map("dituContent"); // 创建Map实例
var point2 = new BMap.Point(116.397513, 39.908739); // 创建点坐标
map2.centerAndZoom(point2, 15); // 初始化地图,设置中心点坐标和地图级别。
map2.enableScrollWheelZoom(); //启用滚轮放大缩小
map2.addControl(new BMap.NavigationControl());
map2.addControl(new BMap.ScaleControl());
map2.addControl(new BMap.OverviewMapControl());
var marker2 = new BMap.Marker(point2);
map2.addOverlay(marker2);
var infoWinOpts = {}
var infoWin = new BMap.InfoWindow(
"<div style='text-align:left;color:#1A6DAF;font-size: 14px;'><p></p><p>某某公司</p><p>电 话:488-888-8888</p><p>邮 箱:123456789@qq.com</p><p>地 址:北京市天安门</p></div>", infoWinOpts);
marker2.openInfoWindow(infoWin);
marker2.addEventListener("click", function () {
this.openInfoWindow(infoWin);
});
</script>
</div>
<div class="contact_r">
<h2>联系方式</h2>
<ul>
<li><img src="/{ms:global.style/}images/contact_pic1.png">总部地址:北京市天安门</li>
<li><img src="/{ms:global.style/}images/contact_pic2.png">电话:<a href="tel:488-888-8888">488-888-8888</a></li>
<li><img src="/{ms:global.style/}images/contact_pic4.png">邮箱:123456789@qq.com</li>
</ul>
</div>
</div>
<!--正文end-->
<#include "footer.htm" />
<script language="javascript" src="/{ms:global.style/}js/foot.js"></script><!--尾部end-->
</body>
</html>
.anim-1, .anim-2, .anim-3, .anim-4, .anim-5, .anim-6, .anim-7, .anim-8, .anim-9, .anim-10, .anim-11, .anim-12 {
-webkit-transform: translateY(100px) translateX(0);
-moz-transform: translateY(100px) translateX(0);
transform: translateY(100px) translateX(0);
opacity: 0;
-webkit-transition-timing-function: ease-in-out;
transition-timing-function: ease-in-out;
}
.anim-1 {
-webkit-transition: transform .8s, opacity .8s;
-moz-transition: transform .8s, opacity .8s;
-o-transition: transform .8s, opacity .8s;
transition: transform .8s, opacity .8s;
}
.anim-2 {
-webkit-transition: transform 1s, opacity 1s;
-moz-transition: transform 1s, opacity 1s;
-o-transition: transform 1s, opacity 1s;
transition: transform 1s, opacity 1s;
}
.anim-3 {
-webkit-transition: transform 1.2s, opacity 1.2s;
-moz-transition: transform 1.2s, opacity 1.2s;
-o-transition: transform 1.2s, opacity 1.2s;
transition: transform 1.2s, opacity 1.2s;
}
.anim-4 {
-webkit-transition: transform 1.4s, opacity 1.4s;
-moz-transition: transform 1.4s, opacity 1.4s;
-o-transition: transform 1.4s, opacity 1.4s;
transition: transform 1.4s, opacity 1.4s;
}
.anim-5 {
-webkit-transition: transform 1.6s, opacity 1.6s;
-moz-transition: transform 1.6s, opacity 1.6s;
-o-transition: transform 1.6s, opacity 1.6s;
transition: transform 1.6s, opacity 1.6s;
}
.anim-6 {
-webkit-transition: transform 1.8s, opacity 1.8s;
-moz-transition: transform 1.8s, opacity 1.8s;
-o-transition: transform 1.8s, opacity 1.8s;
transition: transform 1.8s, opacity 1.8s;
}
.anim-7 {
-webkit-transition: transform 2s, opacity 2s;
-moz-transition: transform 2s, opacity 2s;
-o-transition: transform 2s, opacity 2s;
transition: transform 2s, opacity 2s;
}
.anim-8 {
-webkit-transition: transform 2.2s, opacity 2.2s;
-moz-transition: transform 2.2s, opacity 2.2s;
-o-transition: transform 2.2s, opacity 2.2s;
transition: transform 2.2s, opacity 2.2s;
}
.anim-9 {
-webkit-transition: transform 2.4s, opacity 2.4s;
-moz-transition: transform 2.4s, opacity 2.4s;
-o-transition: transform 2.4s, opacity 2.4s;
transition: transform 2.4s, opacity 2.4s;
}
.anim-10 {
-webkit-transition: transform 2.6s, opacity 2.6s;
-moz-transition: transform 2.6s, opacity 2.6s;
-o-transition: transform 2.6s, opacity 2.6s;
transition: transform 2.6s, opacity 2.6s;
}
.anim-11 {
-webkit-transition: transform 2.8s, opacity 2.8s;
-moz-transition: transform 2.8s, opacity 2.8s;
-o-transition: transform 2.8s, opacity 2.8s;
transition: transform 2.8s, opacity 2.8s;
}
.anim-12 {
-webkit-transition: transform 3.0s, opacity 3.0s;
-moz-transition: transform 3.0s, opacity 3.0s;
-o-transition: transform 3.0s, opacity 3.0s;
transition: transform 3.0s, opacity 3.0s;
}
.anim-show {
-webkit-transform: translateY(0px) translateX(0);
-moz-transform: translateY(0px) translateX(0);
transform: translateY(0px) translateX(0);
opacity: 1;
}
.anim-list .anim-1 {
-webkit-transition: transform .5s, opacity .5s;
-moz-transition: transform .5s, opacity .5s;
-o-transition: transform .5s, opacity .5s;
transition: transform .5s, opacity .5s;
}
.anim-list .anim-2 {
-webkit-transition: transform .6s, opacity .6s;
-moz-transition: transform .6s, opacity .6s;
-o-transition: transform .6s, opacity .6s;
transition: transform .7s, opacity .7s;
}
@-webkit-keyframes rotateInDownLeft {
0% {
transform-origin:left bottom;
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
opacity:0
}
0%, to {
-webkit-transform-origin:left bottom
}
to {
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1
}
}
@keyframes rotateInDownLeft {
0% {
transform-origin:left bottom;
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
opacity:0
}
0%, to {
-webkit-transform-origin:left bottom
}
to {
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1
}
}
@-webkit-keyframes rotateInDownRight {
0% {
transform-origin:right bottom;
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
opacity:0
}
0%, to {
-webkit-transform-origin:right bottom
}
to {
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1
}
}
@keyframes rotateInDownRight {
0% {
transform-origin:right bottom;
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
opacity:0
}
0%, to {
-webkit-transform-origin:right bottom
}
to {
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1
}
}
@keyframes mymove8 {
from {
filter:alpha(opacity=0);
opacity:0;
-webkit-transform: translateY(0) translateX(-100px);
-moz-transform: translateY(0) translateX(-100px);
transform: translateY(0) translateX(-100px);
-webkit-transition-timing-function: ease-in-out;
transition-timing-function: ease-in-out;
}
to {
filter: alpha(opacity=100);
opacity: 1;
-webkit-transform: translateY(0px) translateX(0);
-moz-transform: translateY(0px) translateX(0);
transform: translateY(0px) translateX(0);
}
}
@-webkit-keyframes mymove8 {
from {
filter:alpha(opacity=0);
opacity:0;
-webkit-transform: translateY(0) translateX(-100px);
-moz-transform: translateY(0) translateX(-100px);
transform: translateY(0) translateX(-100px);
-webkit-transition-timing-function: ease-in-out;
transition-timing-function: ease-in-out;
}
to {
filter: alpha(opacity=100);
opacity: 1;
-webkit-transform: translateY(0px) translateX(0);
-moz-transform: translateY(0px) translateX(0);
transform: translateY(0px) translateX(0);
}
}
@keyframes mymove7 {
from {
filter:alpha(opacity=0);
opacity:0;
-webkit-transform: translateY(0) translateX(100px);
-moz-transform: translateY(0) translateX(100px);
transform: translateY(0) translateX(100px);
-webkit-transition-timing-function: ease-in-out;
transition-timing-function: ease-in-out;
}
to {
filter: alpha(opacity=100);
opacity: 1;
-webkit-transform: translateY(0px) translateX(0);
-moz-transform: translateY(0px) translateX(0);
transform: translateY(0px) translateX(0);
}
}
@-webkit-keyframes mymove7 {
from {
filter:alpha(opacity=0);
opacity:0;
-webkit-transform: translateY(0) translateX(100px);
-moz-transform: translateY(0) translateX(100px);
transform: translateY(0) translateX(100px);
-webkit-transition-timing-function: ease-in-out;
transition-timing-function: ease-in-out;
}
to {
filter: alpha(opacity=100);
opacity: 1;
-webkit-transform: translateY(0px) translateX(0);
-moz-transform: translateY(0px) translateX(0);
transform: translateY(0px) translateX(0);
}
}
@import url(jquery.bxslider.css);
@import url(pscroll.css);
/*首页*/
.i_product_bg {
background-color: #f5f5f5;
overflow: hidden;
padding-bottom: 2.5%;
}
.i_title {
margin-top: 5%;
margin-bottom: 4%;
overflow: hidden;
text-align: center;
}
.i_title h2 {
overflow: hidden;
font-weight: bold;
color: #000000;
letter-spacing: -3px;
text-transform: uppercase;
font-family: Arial;
}
.i_title p {
background: url(../images/i_bg1.png) center bottom no-repeat;
color: #000000;
padding-bottom: 15px;
}
.nproduct_list2 {
overflow: hidden;
padding-bottom: 20px;
padding-top: 8px;
}
.nproduct_list2 ul {
display: flex;
flex-wrap: wrap;
}
.nproduct_list2 ul li {
float: left;
width: 32.1%;
margin-left: 0.5%;
margin-right: 1%;
overflow: hidden;
margin-bottom: 1.5%;
text-align: center;
background-color: #fff;
padding-bottom: 4%;
}
.nproduct_list2 ul li:nth-child(3n+0) {
margin-right: 0;
}
.nproduct_list2 ul li img {
display: inline-block;
width: 100%;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
-webkit-transition: all 0.3s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
vertical-align: middle;
}
.nproduct_list2 ul li .imgs {
width: 100%;
overflow: hidden;
}
.nproduct_list2 ul li h2 {
font-weight: normal;
color: #333333;
line-height: 36px;
height: 36px;
text-align: center;
overflow: hidden;
padding-left: 2%;
padding-right: 2%;
white-space: nowrap;
text-overflow: ellipsis;
transition: all 0.3s;
margin-bottom: 1%;
}
.nproduct_list2 ul li p {
line-height: 20px;
height: 40px;
overflow: hidden;
color: #929292;
font-size: 14px;
padding-left: 2%;
padding-right: 2%;
max-width: 350px;
margin: 0 auto;
}
.nproduct_list2 ul li em {
display: block;
color: #ee697e;
font-size: 14px;
margin-top: 10px;
line-height: 20px;
height: 20px;
overflow: hidden;
}
.nproduct_list2 ul li label {
display: block;
color: #333;
font-size: 14px;
line-height: 20px;
height: 20px;
overflow: hidden;
margin-top: 5px;
}
.nproduct_list2 ul li:hover img {
-webkit-transform: scale(1.1, 1.1);
-moz-transform: scale(1.1, 1.1);
-o-transform: scale(1.1, 1.1);
-ms-transform: scale(1.1, 1.1);
transform: scale(1.1, 1.1);
}
.nproduct_list2 ul li:hover {
-webkit-box-shadow: 0 5px 20px rgba(0,0,0,0.1);
box-shadow: 0 5px 20px rgba(0,0,0,0.1);
-webkit-transform: translate3d(0, -2px, 0);
transform: translate3d(0, -2px, 0);
transition: all 0.3s;
}
.nproduct_list2 ul li:hover h2 {
color: #00a1e9;
}
.i_solution {
overflow: hidden;
padding-bottom: 4%;
padding-top: 8px;
}
.i_solution ul li {
float: left;
width: 49%;
margin-right: 2%;
overflow: hidden;
margin-bottom: 1.5%;
text-align: center;
}
.i_solution ul li:nth-child(2n+0) {
margin-right: 0;
}
.i_solution ul li img {
display: block;
width: 100%;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
-webkit-transition: all 0.3s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
vertical-align: middle;
}
.i_solution ul li .imgs {
margin: 0 auto;
overflow: hidden;
}
.i_solution ul li .txts {
position: absolute;
width: 100%;
height: 100%;
overflow: hidden;
background: rgba(0,0,0,0.5);
top: 0;
left: 0;
}
.i_solution ul li h2 {
font-weight: normal;
color: #fff;
line-height: 36px;
height: 36px;
text-align: center;
overflow: hidden;
padding-left: 2%;
padding-right: 2%;
white-space: nowrap;
text-overflow: ellipsis;
transition: all 0.3s;
margin-bottom: 1%;
margin-top: 30%;
}
.i_solution ul li p {
line-height: 20px;
height: 40px;
overflow: hidden;
color: #FFF;
font-size: 16px;
padding-left: 2%;
padding-right: 2%;
max-width: 350px;
margin: 0 auto;
}
.i_solution ul li:hover img {
-webkit-transform: scale(1.1, 1.1);
-moz-transform: scale(1.1, 1.1);
-o-transform: scale(1.1, 1.1);
-ms-transform: scale(1.1, 1.1);
transform: scale(1.1, 1.1);
}
.i_case_bg {
background: url(../images/i_bg2.jpg) center center no-repeat;
background-size: cover;
overflow: hidden;
padding-bottom: 4%;
}
.i_case_bg .i_title h2 {
color: #fff;
}
.i_case_bg .i_title p {
color: #fff;
background: url(../images/i_bg3.png) center bottom no-repeat;
}
.i_link {
overflow: hidden;
margin-bottom: 3%;
}
.i_link ul li {
float: left;
width: 15.8%;
margin-right: 1%;
margin-bottom: 1%;
overflow: hidden;
}
.i_link ul li:nth-child(6n+0) {
margin-right: 0;
}
.i_link ul li .imgs {
overflow: hidden;
border: 1px solid #f0f0f0;
}
.i_link ul li .imgs img {
display: block;
width: 100%;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
-webkit-transition: all 0.3s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
}
.i_link ul li .imgs:hover img {
-webkit-transform: scale(1.1, 1.1);
-moz-transform: scale(1.1, 1.1);
-o-transform: scale(1.1, 1.1);
-ms-transform: scale(1.1, 1.1);
transform: scale(1.1, 1.1);
}
.banner_pos {
overflow: hidden;
position: absolute;
width: 100%;
height: 100%;
bottom: 0;
left: 0;
}
.banner_pos .banner_div {/* display:table; vertical-align:bottom; */
height: 100%;
width: 100%;
position: relative;
}
/*.banner_pos .wrap .td{ display:table-cell; vertical-align:bottom;height:100%;}*/
/*.banner_pos img{transition:all 0.3s;filter: Alpha(Opacity=100);opacity: 1.0; max-width:100%;}*/
.banner_pos .img001 {
height: 100%;
width: 57.6%;
vertical-align: bottom;
position: absolute;
bottom: 0;
right: 0%;
}
.banner_pos .img001 img {
height: 100%;
filter: Alpha(Opacity=0);
opacity: 0;
}
.banner_pos .txtsbox {
float: left;
width: 50%;
}
.banner_pos .txts {
float: right;
margin-right: 3%;
margin-top: 20%;
width: 94%;
max-width: 536px;
text-align: left;
}
.banner_pos .txts h2 {
color: #00a1e9;
}
.banner_pos .txts p {
color: #767676;
margin-top: 6%;
}
.banner_pos .txts a {
margin-top: 6%;
width: 220px;
display: block;
height: 48px;
line-height: 48px;
border: 1px solid #606060;
text-align: center;
font-size: 12px;
color: #a2a2a2;
}
.banner_pos .txts a em {
float: right;
margin-right: 7%;
font-style: normal;
font-family: "宋体";
font-size: 18px;
}
.banner_pos .txts a:hover {
border: 1px solid #00a1e9;
}
.banner_pos .txts a:hover {
color: #00a1e9;
}
/*动画*/
@media screen and (max-width:1760px) {
}
@media screen and (max-width:1440px) {
}
@media screen and (max-width:1200px) {
}
@media screen and (max-width:1000px) {
.i_link ul li {
width: 19%;
}
.i_link ul li:nth-child(6n+0) {
margin-right: 1.1%;
}
.i_link ul li:nth-child(5n+0) {
margin-right: 0;
}
}
@media screen and (max-width:960px) {
}
@media screen and (max-width:830px) {
/*轮显*/
#slider {
display: none;
}
.flash_div {
display: block;
}
.i_link ul li {
width: 24%;
}
.i_link ul li:nth-child(5n+0) {
margin-right: 1.1%;
}
.i_link ul li:nth-child(4n+0) {
margin-right: 0;
}
}
@media screen and (max-width: 780px) {
.nproduct_list2 ul li {
width: 49%;
}
.nproduct_list2 ul li:nth-child(3n+0) {
margin-right: 1%;
}
.nproduct_list2 ul li:nth-child(2n+0) {
margin-right: 0;
}
}
@media screen and (max-width: 640px) {
.nproduct_list2 ul li p {
font-size: 13px;
}
.i_link ul li {
width: 32.5%;
}
.i_link ul li:nth-child(4n+0) {
margin-right: 1.1%;
}
.i_link ul li:nth-child(3n+0) {
margin-right: 0;
}
}
@media screen and (max-width: 480px) {
.nproduct_list2 ul li p {
font-size: 12px;
}
}
@media screen and (max-width:360px) {
}
/**
* BxSlider v4.1.2 - Fully loaded, responsive content slider
* http://bxslider.com
*
* Written by: Steven Wanderski, 2014
* http://stevenwanderski.com
* (while drinking Belgian ales and listening to jazz)
*
* CEO and founder of bxCreative, LTD
* http://bxcreative.com
*/
/** RESET AND LAYOUT
===================================*/
.bx-wrapper {
position: relative;
margin: 0px;
padding: 0;
*zoom: 1;
}
.bx-wrapper ul {
margin: 0px;
padding: 0px;
}
.bx-wrapper img {
max-width: 100%;
display: block;
width: 100%;/* filter: Alpha(Opacity=0);opacity: 0; */
}
/** THEME
===================================*/
.bx-wrapper .bx-viewport {
border: 0px solid #fff;
left: 0px;
background: #fff;
/*fix other elements on the page moving (on Chrome)*/
-webkit-transform: translatez(0);
-moz-transform: translatez(0);
-ms-transform: translatez(0);
-o-transform: translatez(0);
transform: translatez(0);
}
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
position: absolute;
bottom: -30px;
width: 100%;
}
/* LOADER */
.bx-wrapper .bx-loading {
min-height: 50px;
background: url(../images/bx_loader.gif) center center no-repeat #fff;
height: 100%;
width: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 2000;
}
/* PAGER */
.bx-wrapper .bx-pager {
text-align: center;
font-size: .85em;
font-family: Arial;
font-weight: bold;
color: #666;
padding-top: 20px;
}
.bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
display: inline-block;
*zoom: 1;
*display: inline;
}
.bx-wrapper .bx-pager.bx-default-pager a {
background: #b3b3b3;
text-indent: -9999px;
display: block;
width: 10px;
height: 10px;
margin: 0 5px;
outline: 0;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active {
background: #000;
}
/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-prev {
left: 10%;
background: url(../images/i_left.png) no-repeat;
}
.bx-wrapper .bx-next {
right: 10%;
background: url(../images/i_right.png) no-repeat;
}
.bx-wrapper .bx-prev:hover {
background: url(../images/i_left_on.png) no-repeat;
}
.bx-wrapper .bx-next:hover {
background: url(../images/i_right_on.png) no-repeat;
}
.bx-wrapper .bx-controls-direction a {
position: absolute;
top: 50%;
margin-top: -16px;
outline: 0;
width: 31px;
height: 55px;
text-indent: -9999px;/*z-index: 9999;*/
}
.bx-wrapper .bx-controls-direction a.disabled {
display: none;
}
/* AUTO CONTROLS (START / STOP) */
.bx-wrapper .bx-controls-auto {
text-align: center;
}
.bx-wrapper .bx-controls-auto .bx-start {
display: block;
text-indent: -9999px;
width: 10px;
height: 11px;
outline: 0;
background: url(../images/controls.png) -86px -11px no-repeat;
margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-start:hover, .bx-wrapper .bx-controls-auto .bx-start.active {
background-position: -86px 0;
}
.bx-wrapper .bx-controls-auto .bx-stop {
display: block;
text-indent: -9999px;
width: 9px;
height: 11px;
outline: 0;
background: url(../images/controls.png) -86px -44px no-repeat;
margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-stop:hover, .bx-wrapper .bx-controls-auto .bx-stop.active {
background-position: -86px -33px;
}
/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
text-align: left;
width: 80%;
}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
right: 0;
width: 35px;
}
/* IMAGE CAPTIONS */
.bx-wrapper .bx-caption {
position: absolute;
bottom: 0;
left: 0;
background: #666\9;
background: rgba(80, 80, 80, 0.75);
width: 100%;
}
.bx-wrapper .bx-caption span {
color: #fff;
font-family: Arial;
display: block;
font-size: .85em;
padding: 10px;
}
#slider {
position: relative;
}
#bx-pager {
z-index: 1000;
position: absolute;
bottom: 20px;
left: 0px;
width: 100%;
}
#bx-pager .item {
text-align: center;
}
#bx-pager .item a {
display: inline-block;
margin: 10px;
border: white 3px solid;
position: relative;
}
#bx-pager .item a .preview {
display: none;
}
#bx-pager .item a:hover {
border: #ccc 3px solid;
}
#bx-pager .item a:hover .preview {
display: block;
position: absolute;
top: -5px;
left: -7px;
width: 200px;
height: 100px;
border: #ccc 3px solid;/*transform:scalex(1.2) scaley(1.2)*/
}
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
position: absolute;
bottom: 30px;
width: 100%;
}
.bx-wrapper .bx-pager.bx-default-pager a {
width: 50px;
height: 4px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
margin-bottom: 10px;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active {
background: #00b9ef
}
/* side */
.side {
position: fixed;
width: 56px;
right: 0;
top: 355px;
z-index: 100;
text-align: left;
filter: Alpha(Opacity=95);
opacity: 0.95;
}
.side ul li {
width: 56px;
height: 50px;
float: left;
position: relative;
padding-bottom: 1px;
background: url(../images/line0.png) #e48c0f right bottom no-repeat;
}
.side ul li img {
opacity: 0.8;
filter: Alpha(opacity=80);
}
.side ul li:hover img {
opacity: 1;
filter: Alpha(opacity=100);
}
.side ul li .sidebox {
border-radius: 5px 0 0 0px;
background: #e48c0f;
position: absolute;
width: 56px;
height: 50px;
top: 0;
right: 0;
transition: all 0.3s;/*opacity:0.9;filter:Alpha(opacity=90);*/
color: #fff;
font: 14px/50px "微软雅黑";
overflow: hidden;
}
.side ul li .sidebox:hover {
border-radius: 5px 0 0 5px;
}
.side ul li .sidetop {
width: 56px;
height: 50px;
line-height: 50px;
display: inline-block;
background: #ff8500;
border-radius: 0 0 0 5px;/*background:#e48c0f;opacity:0.9;filter:Alpha(opacity=90);*/
transition: all 0.3s;
}
.side ul li .sideewm {
width: 56px;
height: 50px;
line-height: 50px;
display: inline-block;/*background:#e48c0f;opacity:0.9;filter:Alpha(opacity=90);*/
transition: all 0.3s;
}
.side ul li .sideewm .ewBox {
width: 207px;
display: none;
color: #363636;
text-align: center;
position: absolute;
left: -203px;
top: -10px;
background-image: url('../images/leftewm.png');
background-repeat: no-repeat;
background-position: center 0px;
height: 226px
}
.side ul li .sideewm .ewBox img {
width: 150px;
height: 150px;
margin-top: 30px;
margin-left: 30px;
}
.side ul li .sideetel {
width: 56px;
height: 50px;
line-height: 50px;
display: inline-block;/*background:#000;opacity:0.9;filter:Alpha(opacity=90);*/
transition: all 0.3s;
text-align: left;
}
/*.side ul li .sideetel:hover{background:#f3782a;opacity:1;filter:Alpha(opacity=100);}*/
.side ul li .sideetel .telBox {
width: 185px;
height: 72px;
padding-top: 135px;
display: none;
color: #363636;
text-align: center;
position: absolute;
left: -185px;
top: -155px;
background-image: url('../images/lefttel.png');
background-repeat: no-repeat;
background-position: center top;
}
.side ul li .sideetel .telinput {
width: 135px;
text-align: center;
height: 25px;
line-height: 25px;
background-color: #fff;
color: #7d7d7d;
font-size: 14px;
margin-left: 25px;
border: 0;
z-index: 9999999;
float: left;
}
.side ul li .sideetel .telbnt {
width: 135px;
height: 26px;
line-height: 26px;
background-color: #735012;
font-size: 14px;
border: 0;
margin-left: 25px;
margin-top: 5px;
color: #fff;
cursor: pointer;
border-radius: 4px;
float: left;
}
.side ul li img {
float: left;
}
.side dl dt {
width: 54px;
height: 54px;
float: left;
position: relative;
}
.side dl dt .sidebox {
position: absolute;
width: 54px;
height: 54px;
border-bottom: 1px solid #444;
top: 0;
right: 0;
transition: all 0.3s;
background: #000;
opacity: 0.9;
filter: Alpha(opacity=90);
color: #fff;
font: 12px/54px "微软雅黑";
}
.side dl dd {
width: 54px;
height: 44px;
float: left;
position: relative;
display: none;
}
.side dl dd .sidebox {
position: absolute;
width: 54px;
height: 44px;
border-bottom: 1px solid #444;
top: 0;
right: 0;
transition: all 0.3s;
background: #000;
opacity: 0.9;
filter: Alpha(opacity=90);
color: #fff;
font: 12px/54px "微软雅黑";
line-height: 44px;
}
.side dl dd .sidebox:hover {
background: #f3782a;
opacity: 1;
filter: Alpha(opacity=100);
}
.side dl dd .sidebox:hover img {
opacity: 0.8;
filter: Alpha(opacity=80);
}
.side dl img {
float: left;
}
@media screen and (max-width: 640px) {
.side {
display: none;
}
}
<!--尾部begin-->
<div class="f_bg">
<div class="f_bg_div">
{ms:channel type='nav' flag='n' size='4'}
<div class="links">
<h2>
<a href="<#if field.type==3>{ms:global.html/}${field.typeurl}<#else>{ms:global.html/}${field.typelink}</#if>">${field.typetitle}</a>
</h2>
<ul>
<#if field.childsize &gt; 0>
{ms:channel}
<li>
<a href="<#if field.type==3>{ms:global.html/}${field.typeurl}<#else>{ms:global.html/}${field.typelink}</#if>">${field.typetitle}</a>
</li>
{/ms:channel}
</#if>
</ul>
</div>
{/ms:channel}
<div class="f_div2_r">
<h2>联系我们</h2>
<a href="tel:{ms:global.foot.tel/}">{ms:global.foot.tel/}</a> <span>仅限中国服务时间 {ms:global.foot.timeBegin/} - {ms:global.foot.timeEnd/}</span>
<a href="http://wpa.qq.com/msgrd?v=3&site=某某公司&menu=yes&uin=123456789" class="foot_a" target="_blank">
<img src="/{ms:global.style/}picture/foot_bg1.png"/>
</a>
</div>
<div class="f_div2_r2">
<img src="{@ms:file global.foot.qrCode/}"> 微信二维码
</div>
</div>
</div>
<div class="f_div3">
<div class="f_bg_div footx"><span class="l">{ms:global.copyright/}</span></div>
</div>
<!--尾部end-->
<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="{ms:global.host/}static/plugins/iconfont/1.0.0/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.15.7/index.min.js"></script>
<link rel="stylesheet" href="{ms:global.host/}static/plugins/element-ui/2.15.7/theme-chalk/index.min.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/2.0/ms.umd.js"></script>
<script src="{ms:global.host/}static/plugins/swiper/6.4.1/swiper-bundle.js"></script>
<link rel="stylesheet" href="{ms:global.host/}static/plugins/swiper/6.4.1/swiper-bundle.css">
<script>
SwiperClass = Swiper
</script>
<script src="{ms:global.host/}static/plugins/vue-awesome-swiper/4.1.1/vue-awesome-swiper.min.js"></script>
<script>
Vue.use(VueAwesomeSwiper)
</script>
<style>
:root {
--swiper-theme-color:$ {
component.config.color.value
};
}
</style>
<script>
ms.base = "";
</script>
<style>
[v-cloak]{
display: none;
}
</style>
\ No newline at end of file
<!--头部begin-->
<div class="header-v1">
<!-- S top-main -->
<div class="top-main">
<div class="logo1">
<a href="/"><img src="{@ms:file global.logo/}" alt="CMS,免费CMS,免费开源Java CMS,CMS系统,Java CMS,CMS内容管理系统,企业CMS,HTML网页模板,CMS模板,CMS源码,网站源码,信创系统软件,安可系统,网站建设,模板网站,建站模板,建站工具,建站平台,建站工具"/></a>
</div>
<div class="top_search"><em></em>
<div class="search_con">
<form name="formsearch" action="/mcms/search.do" method="post">
<input class="input1" type="text" link name="content_title" id="p" placeholder="搜索" value="">
<input type="submit" class="bnts" value="${search.content_title}">
</form>
</div>
</div>
<div class="top-main-content">
<!-- S nav -->
<div class="navBar">
<ul class="nav clearfix">
<li class="m <#assign typeid=field.typeid><#if typeid==''>on</#if>">
<h3><a href="/" title="首页"><span data-title="首页">首页</span></a></h3>
</li>
<!--定义变量typeid、ids,通过这两个变量判断是否选中-->
<#assign typeid=field.typeid>
<#assign ids=field.parentids>
{ms:channel type='nav' flag='n' orderby='sort'}
<#if field.childsize &gt; 0>
<li class="m <#if field.typeid == typeid || (ids?has_content && ids?split(",")?seq_contains(field.typeid.toString()))>on</#if>">
<h3>
<a href="<#if field.type==3>{ms:global.html/}${field.typeurl}<#else>{ms:global.html/}${field.typelink}</#if>">
<span data-title="${field.typetitle}">${field.typetitle}</span>
</a>
</h3>
<div class="sub">
<ul>
{ms:channel}
<li>
<a href="<#if field.type==3>${field.typeurl}<#else>{ms:global.html/}${field.typelink}</#if>" target="_blank">${field.typetitle}</a>
</li>
{/ms:channel}
</ul>
</div>
</li>
<#else>
<li class="m <#if field.typeid == typeid || (ids?has_content && ids?split(",")?seq_contains(field.typeid.toString()))>on</#if>">
<h3>
<a href="<#if field.type==3>{ms:global.html/}${field.typeurl}<#else>{ms:global.html/}${field.typelink}</#if>">
<span data-title="${field.typetitle}">${field.typetitle}</span>
</a>
</h3>
</li>
</#if>
{/ms:channel}
</ul>
</div>
<script type="text/javascript">
jQuery(".nav").slide({
type: "menu",
titCell: ".m",
targetCell: ".sub",
effect: "slideDown",
delayTime: 300,
triggerTime: 100,
returnDefault: true
});
</script>
<!-- E nav-->
</div>
</div>
<!-- E top-main -->
<div class="c_l"></div>
</div>
<!-- S touch-top-wrapper -->
<div class="touch-top">
<div class="touch-top-wrapper clearfix">
<div class="touch-logo" skinobjectzone="HtmlLogo_1514">
<a class="" href="/">
<img src="{@ms:file global.logo/}" alt="CMS,免费CMS,免费开源Java CMS,CMS系统,Java CMS,CMS内容管理系统,企业CMS,HTML网页模板,CMS模板,CMS源码,网站源码,信创系统软件,安可系统,网站建设,模板网站,建站模板,建站工具,建站平台,建站工具"/>
</a>
</div>
<!-- S touch-navigation -->
<div class="touch-navigation">
<div class="touch-toggle">
<ul>
<li class="touch-toggle-item-last">
<a href="javascript:void(0);" class="drawer-menu" data-drawer="search_div">
<i class="touch-icon-search"><span>搜索</span></i>
</a>
</li>
<li class="touch-toggle-item-last">
<a href="javascript:;" class="drawer-menu" data-drawer="drawer-section-menu">
<i class="touch-icon-menu"></i><span>导航</span>
</a>
</li>
</ul>
</div>
</div>
<!-- E touch-navigation -->
</div>
<!-- S touch-top -->
<div class="touch-toggle-content touch-top-home">
<!--手机搜索begin-->
<div class="drawer-section search_div">
<div class="search_con">
<form name="formsearch" action="/mcms/search.do" method="post" target="_blank" style="height: 42px;">
<input type="text" link name="content_title" id="q" class="input1" placeholder="搜索" value=""/>
<input type="submit" value="" class="bnt1"/>
</form>
</div>
</div>
<!--手机搜索end-->
<!--手机菜单begin-->
<div class="drawer-section drawer-section-menu">
<div class="touch-menu" skinobjectzone="menu_2005">
<ul>
<li>
<a href="/"><span>首页</span></a>
</li>
<#assign typeid=field.typeid>
<#assign ids=field.parentids>
{ms:channel type='nav' flag='n' orderby='sort'}
<#if field.childsize &gt; 0>
<li>
<a href="<#if field.type==3>{ms:global.html/}${field.typeurl}<#else>{ms:global.html/}${field.typelink}</#if>">
<span>${field.typetitle}</span>
<i class="touch-arrow-down"></i>
</a>
<ul>
{ms:channel}
<li>
<a href="<#if field.type==3>{ms:global.html/}${field.typeurl}<#else>{ms:global.html/}${field.typelink}</#if>">
<span>${field.typetitle}</span>
</a>
</li>
{/ms:channel}
</ul>
</li>
<#else>
<li>
<a href="<#if field.type==3>{ms:global.html/}${field.typeurl}<#else>{ms:global.html/}${field.typelink}</#if>">
<span>${field.typetitle}</span>
</a>
<ul>
</ul>
</li>
</#if>
{/ms:channel}
</ul>
<div class="closetitle">
<img src="/{ms:global.style/}picture/nav_bg2.png">
</div>
</div>
</div>
<!--手机菜单end-->
</div>
<!-- E touch-top -->
</div>
<div class="touch_bg">&nbsp;</div>
<!-- E touch-top-wrapper -->
<div class="blank_h">&nbsp;</div>
<script src="/{ms:global.style/}js/public.js">//导航</script>
<!--头部end-->
<!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML 2.0//EN">
<html><head>
<title>404 Not Found</title>
</head><body>
<h1>Not Found</h1>
<p>The requested URL /skin/img/ajaxloader.gif was not found on this server.</p>
<p>Additionally, a 404 Not Found
error was encountered while trying to use an ErrorDocument to handle the request.</p>
</body></html>
<!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML 2.0//EN">
<html><head>
<title>404 Not Found</title>
</head><body>
<h1>Not Found</h1>
<p>The requested URL /skin/img/bx_loader.gif was not found on this server.</p>
<p>Additionally, a 404 Not Found
error was encountered while trying to use an ErrorDocument to handle the request.</p>
</body></html>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<meta name="renderer" content="webkit">
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
<meta name="robots" content="index, follow"/>
<title>{ms:global.name/}</title>
<meta name="keywords" content="{ms:global.keyword/}">
<meta name="description" content="{ms:global.descrip/}">
<meta http-equiv="Cache-Control" content="no-transform"/>
<meta http-equiv="Cache-Control" content="no-siteapp"/>
<meta name="applicable-device" content="pc,mobile"/>
<link href="{@ms:file global.foot.ico/}" rel="shortcut icon"/>
<link href="/{ms:global.style/}css/style.css" rel="stylesheet"/>
<link href="/{ms:global.style/}css/index.css" rel="stylesheet"/>
<script src="/{ms:global.style/}js/jquery-1.8.3.min.js"></script>
<script type="text/javascript" src="/{ms:global.style/}js/jquery.superslide.2.1.1.js">//pc导航</script>
<script type="text/javascript" src="/{ms:global.style/}js/jquery.bxslider.min.js">/*轮显*/</script>
<script src="/{ms:global.style/}js/anim.js">//动画</script>
<script src="/{ms:global.style/}js/owl.carousel.js"></script>
<script type="text/javascript" src="/{ms:global.style/}js/basic.js"></script>
</head>
<body>
<#include "header.htm" />
<!--轮显begin-->
<div id="slider">
<ul class="bxslider">
{ms:arclist typeid="1666653706550321162"}
<li style="background-color:#1b1b1b;">
<div class="carousel-img">
<a href="<#if field.source!=''>${field.source}<#else>javascript:;</#if>" target="_blank">
<img src="{@ms:file field.litpic/}" width="100%" alt="CMS,免费CMS,免费开源Java CMS,CMS系统,Java CMS,CMS内容管理系统,企业CMS,HTML网页模板,CMS模板,CMS源码,网站源码,信创系统软件,安可系统,网站建设,模板网站,建站模板,建站工具,建站平台,建站工具" class="oimg"/>
</a>
</div>
</li>
{/ms:arclist}
</ul>
</div>
<script>
var slider = $('.bxslider').bxSlider({
mode: 'horizontal',/*fade,vertical*/
controls: true,
speed: 500,
hideControlOnEnd: false,
pager: true,
auto: true,
});
$(window).resize(function () {
slider.reloadSlider();
});
</script>
<!--轮显end-->
<!--flash start-->
<div class="flash_div">
<div id="owl-flash" class="owl-carousel">
{ms:arclist flag='f' size=5 typeid="1666653706550321162"}
<div class="item">
<dd>
<a href="javascript:;" title=""><img src="{@ms:file field.litpic/}"/></a>
</dd>
</div>
{/ms:arclist}
</div>
</div>
<!--flash end-->
<div class="i_product_bg">
<div class="wrap2">
{ms:channel type='self' typeid="1666653706550321152"}
<div class="i_title anim anim-1">
<h2 class="f41">${field.typetitle}</h2>
<p class="f24">${field.typeshorttitle}</p>
</div>
{/ms:channel}
<div class="nproduct_list2">
<ul>
{ms:arclist typeid="1666653706550321152" size=6}
<li class="anim anim-1">
<a href="{ms:global.html/}${field.link}" title="${field.title}">
<div class="imgs"><img src="{@ms:file field.litpic/}" alt="${field.title}">
<p>&nbsp;</p>
</div>
<h2 class="f24">${field.title}</h2>
<p>{@ms:len field.descrip 60 /}...</p>
</a>
</li>
{/ms:arclist}
</ul>
</div>
</div>
</div>
<div class="wrap2">
{ms:channel type='self' typeid="1666653706550321163"}
<div class="i_title anim anim-1">
<h2 class="f41">${field.typetitle}</h2>
<p class="f24">${field.typeshorttitle}</p>
</div>
{/ms:channel}
<div class="i_solution">
<ul>
{ms:channel typeid="1666653706550321163" }
<li class="anim anim-1">
<a href="<#if field.type==3>{ms:global.html/}${field.typeurl}<#else>{ms:global.html/}${field.typelink}</#if>" title="${field.typetitle}">
<div class="imgs">
<img src="{@ms:file field.typeico/}" alt="${field.typetitle}">
</div>
<div class="txts">
<h2 class="f28">${field.typetitle}</h2>
<p>${field.typeshorttitle}...</p>
</div>
</a>
</li>
{/ms:channel}
</ul>
</div>
</div>
<div class="i_case_bg">
<div class="wrap2">
{ms:channel type='self' typeid="1666653706550321164"}
<div class="i_title anim anim-1">
<h2 class="f41">${field.typetitle}</h2>
<p class="f24">${field.typeshorttitle}</p>
</div>
{/ms:channel}
<div id="owl-demo3" class="owl-carousel">
{ms:arclist typeid="1666653706550321164" size=10}
<div class="item">
<dd class="">
<a href="{ms:global.html/}${field.link}" title="${field.title}">
<div class="imgs"><img src="{@ms:file field.litpic/}" alt="${field.title}"></div>
<div class="txts">
<h2 class="f22">${field.title}</h2>
<p class="p">{@ms:len field.descrip 20 /}</p>
</div>
</a>
</dd>
</div>
{/ms:arclist}
</div>
</div>
</div>
<div class="wrap">
{ms:channel type='self' typeid="1666653706550321169"}
<div class="i_title anim anim-1">
<h2 class="f41">${field.typetitle}</h2>
<p class="f24">${field.typeshorttitle}</p>
</div>
{/ms:channel}
<div class="i_link anim anim-2">
<ul>
{ms:arclist typeid="1666653706550321169" size=12}
<li>
<a title="${field.title}">
<div class="imgs"><img src="{@ms:file field.litpic/}" alt="${field.title}"></div>
</a>
</li>
{/ms:arclist}
</ul>
</div>
</div>
<#include "footer.htm" />
<script language="javascript" src="/{ms:global.style/}js/foot.js"></script><!--尾部end-->
<script>
$("#owl-flash").owlCarousel({/*手机轮显图*/
items: 1,
lazyLoad: true,
autoPlay: true,
itemsDesktop: [1199, 1],
itemsDesktopSmall: [979, 1],
itemsTablet: [768, 1],
itemsTabletSmall: false,
itemsMobile: [479, 1],
//rewindNav:false,
navigation: true
});
$("#owl-demo3").owlCarousel({/*行业案例*/
items: 4,
lazyLoad: true,
autoPlay: true,
itemsDesktop: [1199, 4],
itemsDesktopSmall: [979, 3],
itemsTablet: [768, 2],
itemsTabletSmall: false,
itemsMobile: [479, 2],
navigation: true
});
window.onload = function () {/*轮显动画*/
$('.bx-pager .bx-pager-item').click(function () {
var linum = $(this).index();
var CaseList = $(".bxslider li");
$(this).find("a").click(function () {
CaseList.removeClass("active");
CaseList.eq(linum).addClass("active");
$('.bx-pager .bx-pager-item').removeClass("active");
$('.bx-pager .bx-pager-item').eq(linum).addClass("active");
// $(this).addClass('csel').siblings().removeClass('csel');
// CaseList.hide().eq(linum).show();
//CaseList.find(".anim").removeClass("anim-show");
// setTimeout(function(){
// CaseList.eq(linum).find(".anim").addClass("anim-show");
// },6)
})
})
}
</script>
</body>
</html>
(function(){ window.BMap_loadScriptTime = (new Date).getTime(); document.write('<script type="text/javascript" src="http://api.map.baidu.com/getscript?v=1.4&ak=&services=&t=20180102095227"></script>');})();
\ No newline at end of file
$(function(){
// 出场动画
var anim = $(".anim");
setTimeout(function(){//规避页面加载不完整高度获取异常
$(window).scroll(function() {
roll();
})
$(window).resize(function() {
roll();
})
roll();
},6)
function roll() { //滚动执行动画
var oHeight = $(window).height();
var ScrVal = $(window).scrollTop();
anim.each(function(i) {
if (ScrVal + oHeight > anim.eq(i).offset().top + 100 ){
anim.eq(i).addClass("anim-show");
}
})
}
})
\ No newline at end of file
/**
* Created by Administrator on 2017/1/16.
*/
$(function () {
//加载公用部分,写程序的时候记得删除!!
$("header").load("header.html");
$("footer").load("footer.html");
//$(".sidebar").load("sidebar.html");
});
function g(o){return document.getElementById(o);}
//window.onload=function()
//{
$(".top_search").find("em").click(function(){
if($(".search_con").css("display")=="none")
{
$(".search_con").css("display","block");
$(".search_con").animate({"height":"39px"},"fast");
}
else
{$(".search_con").css("display","none");
$(".search_con").animate({"height":"0px"},"fast");
}
});
$(".search_con").hover(function(){},function(){
$(".search_con").css("display","none");
})
//$(".side ul li").hover(function(){
// $(this).find(".sidebox").stop().animate({"width":"180px"},200).find("img").css({"opacity":"1","filter":"Alpha(opacity=100)"});
// },function(){
// $(this).find(".sidebox").stop().animate({"width":"56px",},200).find("img").css({"opacity":"0.8","filter":"Alpha(opacity=80)"});
// });
// $('.sideewm').hover(function(){
// $('.ewBox').stop().show();
// },function(){
// $('.ewBox').stop().hide();
// });
//}
//回到顶部
function goTop(){
$('html,body').animate({'scrollTop':0},600);
}
function inewsc(objs,src)
{
$(objs).attr("src",src);
}
$(document).ready(function(){
$(".touch-toggle a").click(function(event){
var className = $(this).attr("data-drawer");
if( $("."+className).css('display') == 'none' ){
$("."+className).slideDown().siblings(".drawer-section").slideUp();
$(".touch_bg").slideDown();//20170419
}else{
$(".drawer-section").slideUp();
$(".touch_bg").slideUp();//20170419
}
event.stopPropagation();
});
$(".touch_bg").click(function(){
$(".drawer-section").slideUp();
$(".touch_bg").slideUp();//20170419
})
$(".closetitle").click(function(){
$(".drawer-section").slideUp();
$(".touch_bg").slideUp();//20170419
})
//$(document).click(function(){
//
// $(".drawer-section").slideUp();
//
// })
$('.touch-menu a').click(function(){
if( $(this).next().is('ul') ){
if( $(this).next('ul').css('display') == 'none' ){
$('.touch-menu ul li').find("ul").slideUp();
$('.touch-menu ul li').find("a").find('i').attr("class","touch-arrow-down");
$(this).next('ul').slideDown();
$(this).find('i').attr("class","touch-arrow-up");
//$(".touch-top").css("position","absolute");
}else{
$(this).next('ul').slideUp();
$(this).next('ul').find('ul').slideUp();
$(this).find('i').attr("class","touch-arrow-down");
//$(".touch-top").css("position","fixed");
}
}
});
});
// 导航显示与隐藏
var NavHeight = false;
$(window).scroll(function(){
Nav();
})
Nav();
function Nav(){
if( $(window).scrollTop() > $(window).height() && NavHeight == false ){
$("body").addClass("nav-hide");
NavHeight = true;
}else if($(window).scrollTop() <= $(window).height() && NavHeight == true ){
NavHeight = false;
$("body").removeClass("nav-hide");
}
}
window.onmousewheel = document.onmousewheel = document.onmousewheel = function(e){
e = e || window.event;
var delta = 0;
if (e.wheelDelta) {
delta = e.wheelDelta/120;
} else if (e.detail) {
delta = -e.detail/3;
}
if (delta > 0) {
$("body").removeClass("nav-hide");
} else if (delta < 0) {
$("body").addClass("nav-hide");
}
}
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<meta name="renderer" content="webkit">
<meta name="viewport"
content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
<meta name="robots" content="index, follow"/>
<title>{ms:channel type="self"}${field.typetitle}{/ms:channel}</title>
<meta name="keywords" content="${field.typekeyword}">
<meta name="description" content="${field.typedescrip}">
<meta http-equiv="Cache-Control" content="no-transform"/>
<meta http-equiv="Cache-Control" content="no-siteapp"/>
<meta name="applicable-device" content="pc,mobile"/>
<link href="/{ms:global.style/}css/style.css" rel="stylesheet"/>
<link href="/{ms:global.style/}css/css.css" rel="stylesheet"/>
<script src="/{ms:global.style/}js/jquery-1.8.3.min.js"></script>
<script type="text/javascript" src="/{ms:global.style/}js/jquery.superslide.2.1.1.js">//pc导航</script>
<script src="/{ms:global.style/}js/anim.js">//动画</script>
<script type="text/javascript" src="/{ms:global.style/}js/basic.js"></script>
<!--引入vue库-->
<script type="text/javascript" src="/static/plugins/vue/2.6.9/vue.min.js"></script>
<!--引入element-ui库-->
<script src="${base}/static/plugins/element-ui/2.15.8/index.min.js"></script>
<link rel="stylesheet" href="/static/plugins/element-ui/2.15.8/theme-chalk/index.min.css">
<!--网络请求框架-->
<script src="/static/plugins/axios/0.18.0/axios.min.js"></script>
<script src="/static/plugins/qs/6.6.0/qs.min.js"></script>
<script src="/static/plugins/ms/2.0/ms.umd.js"></script>
<script src="/static/plugins/ms/2.0/ms-el-form.umd.js"></script>
</head>
<body>
<#include "header.htm" />
<div class="o_big">
{ms:channel type="self"}
<img src="{@ms:file field.typelitpic/}" alt="CMS,免费CMS,免费开源Java CMS,CMS系统,Java CMS,CMS内容管理系统,企业CMS,HTML网页模板,CMS模板,CMS源码,网站源码,信创系统软件,安可系统,网站建设,模板网站,建站模板,建站工具,建站平台,建站工具"/>
<h1>${field.typetitle}</h1>
{/ms:channel}
</div>
<!--正文begin-->
<!--文章内容开始-->
<div class="right fr">
<!-- 留言表单 -->
<div id="form" v-loading="loading" v-cloak>
<el-form ref="form" :model="form" :rules="rules" label-width="120px" label-position="right" size="small"
class="message">
<!--称呼姓名-->
<el-form-item label="称呼姓名" prop="leaveName">
<el-input
v-model="form.leaveName"
:disabled="false"
:readonly="false"
:style="{width: '100%'}"
:clearable="true"
placeholder="请输入称呼姓名">
</el-input>
</el-form-item>
<!--联系电话-->
<el-form-item label="联系电话" prop="leavePhone">
<el-input
v-model="form.leavePhone"
:disabled="false"
:readonly="false"
:style="{width: '100%'}"
:clearable="true"
placeholder="请输入联系电话">
</el-input>
</el-form-item>
<!--留言-->
<el-form-item label="留言" prop="content">
<el-input
type="textarea" :rows="5"
:disabled="false"
:readonly="form.id>0?true:false"
v-model="form.content"
:style="{width: '100%'}"
placeholder="请输入留言">
</el-input>
</el-form-item>
<el-form-item label="验证码" prop="rand_code">
<el-row>
<el-col :span="10">
<el-input v-model="form.rand_code"
:disabled="false" :readonly="false" :clearable="true"
placeholder="请输入验证码">
</el-input>
</el-col>
<el-col :span="6">
<img height="40px" :src="verifCode" @click="code" style="margin-left: 10px"/>
</el-col>
</el-row>
</el-form-item>
<!--验证码-->
<el-form-item label=" ">
<el-button @click="save" type="primary" :loading="loading" style="width: 200px">
{{loading?'提交留言中':'提交留言'}}
</el-button>
</el-form-item>
</el-form>
</el-form>
</div>
<!--正文end-->
<#include "footer.htm" />
<script language="javascript" src="/{ms:global.style/}js/foot.js"></script>
</body>
<script>
var form = new Vue({
el: '#form',
data: function () {
return {
verifCode: "/code.do" + new Date().getTime(),
loading: false,
saveDisabled: false,
//表单数据
form: {
// 称呼姓名
leaveName: '',
// 联系电话
leavePhone: '',
// 留言
content: '',
// 验证码
rand_code: '',
},
rules: {
// 称呼姓名
leaveName: [{"required": true, "message": "称呼姓名不能为空"}, {
"min": 0,
"max": 255,
"message": "称呼姓名长度必须为0-255"
}],
// 联系电话
leavePhone: [{
"required": true,
"message": "联系电话不能为空"
}, {
"pattern": /^([0-9]{3,4}-)?[0-9]{7,8}$|^\d{3,4}-\d{3,4}-\d{3,4}$|^1[0-9]{10}$/,
"message": "联系电话格式不匹配"
}, {"min": 0, "max": 255, "message": "联系电话长度必须为0-255"}],
// 留言
content: [{"required": true, "message": "留言不能为空"}],
// 验证码
rand_code: [{"required": true, "message": "验证码不能为空"}],
},
}
},
watch: {},
components: {},
computed: {},
methods: {
code: function () {
this.verifCode = "/code.do?t=" + new Date().getTime();
},
save: function (e) {
e.preventDefault();//阻止默认事件跳转
var that = this;
that.$refs.form.validate(function (valid) {
if (valid) {
that.form.modelName = "留言板"; //modelName需要填写自己的模型昵称
ms.http.post("/mdiy/form/data/save.do", that.form).then(function (res) {
if (res.result) {
that.$notify({
title: '成功',
type: 'success',
message: '感谢您的参与!'
});
that.$refs.form.resetFields(); //清空表单
} else {
if (res.msg == '验证码错误!') {
that.$notify({
title: '失败',
message: res.msg,
type: 'warning'
});
} else {
that.$alert('需要安装留言插件才能使用,请先进入后台MStore安装留言插件使用。<a href="http://store.mingsoft.net/#/detail?id=310&type=plugin" target="_blank">查看留言插件</a>', '留言插件提示', {
dangerouslyUseHTMLString: true
});
}
}
that.code();
})
}
})
}
}
});
</script>
</html>
<style>
.message {
width: 40%;
margin: 20px auto;
}
</style>
\ No newline at end of file
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<meta name="renderer" content="webkit">
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
<meta name="robots" content="index, follow"/>
<title>${field.title}</title>
<meta name="keywords" content="${field.keyword}">
<meta name="description" content="${field.descrip}">
<meta http-equiv="Cache-Control" content="no-transform"/>
<meta http-equiv="Cache-Control" content="no-siteapp"/>
<meta name="applicable-device" content="pc,mobile"/>
<link href="/favicon.ico" rel="shortcut icon"/>
<link href="/{ms:global.style/}css/style.css" rel="stylesheet"/>
<link href="/{ms:global.style/}css/css.css" rel="stylesheet"/>
<script src="/{ms:global.style/}js/jquery-1.8.3.min.js"></script>
<script type="text/javascript" src="/{ms:global.style/}js/jquery.superslide.2.1.1.js">//pc导航</script>
<script src="/{ms:global.style/}js/anim.js">//动画</script>
<script type="text/javascript" src="/{ms:global.style/}js/basic.js"></script>
<script type="text/javascript" src="{ms:global.contextpath/}/static/plugins/vue/2.6.9/vue.min.js"></script>
<link rel="stylesheet" href="{ms:global.contextpath/}/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.contextpath/}/static/plugins/animate/4.1.0/animate.min.css">
<script src="{ms:global.contextpath/}/static/plugins/element-ui/2.15.8/index.min.js"></script>
<link rel="stylesheet" href="{ms:global.contextpath/}/static/plugins/element-ui/2.15.8/theme-chalk/index.min.css" />
<!--网络请求框架-->
<script src="{ms:global.contextpath/}/static/plugins/axios/1.7.3/axios.min.js"></script>
<script src="{ms:global.contextpath/}/static/plugins/qs/6.6.0/qs.min.js"></script>
<script src="{ms:global.contextpath/}/static/plugins/ms/3.0/ms.umd.js"></script>
<script src="{ms:global.contextpath/}/static/plugins/ms/3.0/ms-el-form.umd.js"></script>
<script>
ms.base= "{ms:global.contextpath/}"
</script>
<!--评论关注插件-start-->
<#include "component/ms-comment.htm" />
<#include "component/ms-mattention.htm" />
<!--评论关注插件-start-->
</head>
<body>
<#include "header.htm" />
<div class="o_big" >
<img src="{@ms:file field.typelitpic/}" alt="CMS,免费CMS,免费开源Java CMS,CMS系统,Java CMS,CMS内容管理系统,企业CMS,HTML网页模板,CMS模板,CMS源码,网站源码,信创系统软件,安可系统,网站建设,模板网站,建站模板,建站工具,建站平台,建站工具"/>
<h1 >${field.typedescrip}</h1>
</div>
<!--正文begin-->
<div class="wrap">
<div class="product_a anim anim-1"></div>
</div>
<div class="news_bg" id="app">
<div class="wrap">
<div class="about_x anim anim-2">
<div class="show_t">${field.title}</div>
<div class="con_line"> 时间:${field.date?string("yyyy-MM-dd")} 人气:${field.hit}</div>
<div class="con_id">
<div>${field.content}</div>
</div>
<div>
<el-alert
title="需要集成会员插件、关注插件、评论插件下面的功能才能正常使用"
type="warning"
:closable="false"
show-icon
>
<template slot="title">
需要集成<a href="http://store.mingsoft.net/#/detail?id=269&type=plugin" target="_blank" style="color: #409EFF; text-decoration: none;">会员插件</a>
<a href="http://store.mingsoft.net/#/detail?id=265&type=plugin" target="_blank" style="color: #409EFF; text-decoration: none;">关注插件</a>
<a href="http://store.mingsoft.net/#/detail?id=268&type=plugin" target="_blank" style="color: #409EFF; text-decoration: none;">评论插件</a>下面的功能才能正常使用;
<a href="http://store.mingsoft.net/#/detail?id=271&type=plugin" target="_blank" style="color: #409EFF; text-decoration: none;">
会员模板
</a>
推荐使用MStore的会员模板
</template>
</el-alert>
</div>
<!--关注-start-->
<div class="detail-bottom-interaction">
<ms-mattention :data-id="dataId" data-type="文章点赞" icon="icon-zan" label="${field.title}"></ms-mattention>
<ms-mattention :data-id="dataId" data-type="文章点踩" icon="icon-cai" label="${field.title}"></ms-mattention>
</div>
<!--关注-end-->
<div class="prenext">上一篇:<a href="<#if pre.link !=''>{ms:global.html/}${pre.link}<#else>javascript:;</#if>">${pre.title}</a></div>
<div class="prenext">下一篇:<a href="<#if next.link !=''>{ms:global.html/}${next.link}<#else>javascript:;</#if>">${next.title}</a></div>
</div>
<!--评论容器-start-->
<div class="w-comment-div">
<!--评论-start-->
<ms-comment :data-id="dataId" :page-no="pageNo" :data-type="dataType" :data-title="dataTitle"></ms-comment>
<!--评论-end-->
</div>
<!--评论容器-end-->
</div>
</div>
<!--正文end-->
<#include "footer.htm" />
<script language="javascript" src="/{ms:global.style/}js/foot.js"></script><!--尾部end-->
<script>
var app = new Vue({
el: '#app',
component(){
},
data: {
searchForm: {
keyword: ""
},
hotSearchKeywords: [],
//文章商品id
dataId: "${field.id}",
//当前页数
pageNo: ${(page.cur)!1},
// 业务名称(文章标题)
dataTitle: "${field.title}",
// 业务类型
dataType: "文章",
},
methods: {
},
computed(){
},
created(){
}
})
</script>
<style>
.detail-bottom-interaction {
text-align: left;
flex-direction: row;
padding-right: 0px;
display: flex;
box-sizing: border-box;
margin-left: 0px;
min-height: 50px;
margin-right: 0px;
flex-shrink: 0;
width: 1280px;
margin-bottom: 0px;
padding-top: 0px;
padding-left: 0px;
margin-top: 40px;
}
.detail-bottom-interaction .interaction-like {
min-height: 50px;
margin-right: 20px;
align-items: center;
flex-wrap: nowrap;
flex-direction: row;
display: flex;
flex-shrink: 0;
width: unset;
box-sizing: border-box;
margin-top: 0px;
height: 100%;
}
.detail-bottom-interaction .interaction-like .label {
margin-right: 5px;
font-size: 28PX;
margin-top: 0px;
}
.detail-bottom-interaction .interaction-like .value {
margin-right: 0px;
flex-direction: row;
word-wrap: break-word;
display: inline-block;
}
</style>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<meta name="renderer" content="webkit">
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
<meta name="robots" content="index, follow"/>
<title>${field.typetitle}</title>
<meta name="keywords" content="${field.typekeyword}">
<meta name="description" content="${field.typedescrip}">
<meta http-equiv="Cache-Control" content="no-transform"/>
<meta http-equiv="Cache-Control" content="no-siteapp"/>
<meta name="applicable-device" content="pc,mobile"/>
<link href="/{ms:global.style/}css/style.css" rel="stylesheet"/>
<link href="/{ms:global.style/}css/css.css" rel="stylesheet"/>
<script src="/{ms:global.style/}js/jquery-1.8.3.min.js"></script>
<script type="text/javascript" src="/{ms:global.style/}js/jquery.superslide.2.1.1.js">//pc导航</script>
<script src="/{ms:global.style/}js/anim.js">//动画</script>
<script type="text/javascript" src="/{ms:global.style/}js/basic.js"></script>
</head>
<body>
<#include "header.htm" />
<div class="o_big" >
<img src="{@ms:file field.typelitpic/}" alt="CMS,免费CMS,免费开源Java CMS,CMS系统,Java CMS,CMS内容管理系统,企业CMS,HTML网页模板,CMS模板,CMS源码,网站源码,信创系统软件,安可系统,网站建设,模板网站,建站模板,建站工具,建站平台,建站工具"/>
<h1 >${field.typedescrip}</h1>
</div>
<!--正文begin-->
<div class="wrap">
<div class="product_a anim anim-1">
<#if field.typeleaf !=0>
{ms:channel type='level'}
<#if field.typeid == typeid || (ids?has_content && ids?split(",")?seq_contains(field.typeid.toString()))>
<a href='<#if field.type==3>{ms:global.html/}${field.typeurl}<#else>{ms:global.html/}${field.typelink}</#if>' class='csel'>${field.typetitle}</a>
<#else>
<a href="<#if field.type==3>{ms:global.html/}${field.typeurl}<#else>{ms:global.html/}${field.typelink}</#if>">${field.typetitle}</a>
</#if>
{/ms:channel}
<#else>
{ms:channel type='son'}
<#if field.typeid == typeid || (ids?has_content && ids?split(",")?seq_contains(field.typeid.toString()))>
<a href='<#if field.type==3>{ms:global.html/}${field.typeurl}<#else>{ms:global.html/}${field.typelink}</#if>' class='csel'>${field.typetitle}</a>
<#else>
<a href="<#if field.type==3>{ms:global.html/}${field.typeurl}<#else>{ms:global.html/}${field.typelink}</#if>">${field.typetitle}</a>
</#if>
{/ms:channel}
</#if>
</div>
</div>
<div class="news_bg">
<div class="wrap">
<div class="news_con">
<ul>
{ms:arclist size=10 ispaging=true}
<li class="anim anim-1">
<a href="{ms:global.html/}${field.link}">
<div class="imgs"><img src="{@ms:file field.litpic/}"></div>
<div class="i_about_r">
<h3>${field.title}</h3>
<label>${field.date?string("yyyy-MM-dd")}</label>
<div class="p">{@ms:len field.descrip 120 /}...</div>
<span class="news_more">查看更多+</span>
</div>
</a>
</li>
{/ms:arclist}
</ul>
</div>
<div class="yema"><#include "page.htm" /></div>
</div>
</div>
<!--正文end-->
<#include "footer.htm" />
<script language="javascript" src="/{ms:global.style/}js/foot.js"></script><!--尾部end-->
</body>
</html>
<!--分页begin-->
<div class="pages">
<div class="pagination">
<#if page.rcount&gt;0>
<a class="page-item" href="{ms:global.html/}{ms:page.index/}">首页</a>
<a class="page-item" href='{ms:global.html/}{ms:page.pre/}'>上一页</a>
<a class="page-item">{ms:page.cur/}/{ms:page.total/}</a>
<a class="page-item" href='{ms:global.html/}{ms:page.next/}'>下一页</a>
<a class="page-item" href='{ms:global.html/}{ms:page.last/}'>末页</a>
<#else>
本分类下无任何数据!
</#if>
</div>
</div>
<!--分页end-->
Markdown is supported
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