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.
175 lines
7.9 KiB
175 lines
7.9 KiB
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> |
|
<html xmlns="http://www.w3.org/1999/xhtml"> |
|
<head> |
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> |
|
<title>{ms:global.name/}</title> |
|
<link type="text/css" rel="stylesheet" href="{ms:global.host/}/{ms:global.style/}/css/product-list.css"> |
|
<link rel="stylesheet" href="{ms:global.host/}/{ms:global.style/}/css/jointly.css"> |
|
<script type="text/javascript" src="{ms:global.host/}/static/plugins/vue/2.6.9/vue.min.js"></script> |
|
<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"> |
|
<script src="{ms:global.host/}/{ms:global.style/}/js/jquery-1.9.0.js" type="text/javascript"></script> |
|
</head> |
|
|
|
<body> |
|
<#include "head.html"> |
|
<!--主要内容--> |
|
<div class="main"> |
|
<!--位置导航--> |
|
<div class="present"> |
|
<span>您搜索的关键字：</span> |
|
<span>{ms:search.content_title/}</span> |
|
</div> |
|
<!--产品系列--> |
|
<div class="main-container"> |
|
<div class="info"> |
|
<ul> |
|
|
|
<li class="product">产品信息</li> |
|
|
|
<li class="commodity"> |
|
<span class="info_icon"><span></span></span> |
|
<a class="set" href="{ms:global.url/}/chanpinxinxi/bianxieshixilie/index.html">便携式系列</a> |
|
</li> |
|
<li class="childlife commodity"><span></span></li> |
|
|
|
<li class="commodity"> |
|
<span class="info_icon"><span></span></span> |
|
<a class="set" href="{ms:global.url/}/chanpinxinxi/diancifaxilie/index.html">电磁阀系列</a> |
|
</li> |
|
<li class="childlife commodity"><span></span></li> |
|
|
|
<li class="commodity"> |
|
<span class="info_icon"><span></span></span> |
|
<a class="set" href="{ms:global.url/}/chanpinxinxi/gongyexilie/index.html">工业系列</a> |
|
</li> |
|
<li class="childlife commodity"><span></span></li> |
|
|
|
<li class="commodity"> |
|
<span class="info_icon"><span></span></span> |
|
<a class="set" href="{ms:global.url/}/chanpinxinxi/minyongxiliejiqitachanpin/index.html">民用系列及其它产品</a> |
|
</li> |
|
<li class="childlife commodity"><span></span></li> |
|
|
|
</ul> |
|
</div> |
|
|
|
|
|
<!--产品图片--> |
|
<div class="pic"> |
|
<ul> |
|
{ms:arclist size=9 ispaging=true } |
|
<li> |
|
<a href='{ms:global.url/}/${field.link}' target="_self"> |
|
<img src="{ms:global.host/}/{@ms:file field.litpic/}"/> |
|
<div> |
|
${field.title} |
|
</div> |
|
</a> |
|
</li> |
|
{/ms:arclist} |
|
<el-pagination |
|
background |
|
@current-change="handleCurrentChange" |
|
:page-size="pageSize" |
|
:current-page.sync="pageCur" |
|
layout="prev, pager, next, jumper" |
|
:total="contentCount"> |
|
</el-pagination> |
|
|
|
</ul> |
|
</div> |
|
<ul class="fanye"> |
|
<li class="home-page"><a href="{ms:page.index/}">首页</a></li> |
|
<li><a href="{ms:page.pre/}">上一页</a></li> |
|
<li><a href="{ms:page.next/}">下一页</a></li> |
|
<li class="last"><a href="{ms:page.last/}">最末页</a></li> |
|
</ul> |
|
</div> |
|
|
|
<div class="qq"> |
|
<a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=2029444895&site=qq&menu=yes" ><img data-type="img1" src="{ms:global.host/}/{ms:global.style/}/images/qq.png" class="img_qq"/> </a> |
|
<img data-type="img2" src="{ms:global.host/}/{ms:global.style/}/images/pic.png" class="img_tel"/> |
|
</div> |
|
<img style="position: fixed;right: 52px;top: 210px;display:none" class="img_one" style="width: 223px; height: 114px;" src="{ms:global.host/}/{ms:global.style/}/images/talk.png"/> |
|
<img style="position: fixed;right: 52px;top: 270px;display:none" class="img_two" style="width: 223px; height: 114px;" src="{ms:global.host/}/{ms:global.style/}/images/tel.png"/> |
|
</div> |
|
|
|
<#include "foot.html"> |
|
</body> |
|
</html> |
|
<script> |
|
$(function(){ |
|
|
|
if ($(".pic >ul > li" ).length <=0){ |
|
$(".pic").html("<span style='font-size:20px;color:#ccc;width:100%;tex'>对不起，没有找到你所要的商品</span>"); |
|
} |
|
}) |
|
|
|
$(".qq >a").hover( |
|
function(){ |
|
$(".img_one").css("display","block"); |
|
}, |
|
function(){ |
|
$(".img_one").css("display","none"); |
|
} |
|
); |
|
|
|
$(".qq > .img_tel").hover( |
|
function(){ |
|
$(".img_two").css("display","block"); |
|
}, |
|
function(){ |
|
$(".img_two").css("display","none"); |
|
} |
|
|
|
); |
|
|
|
var app = new Vue({ |
|
el: '#app', |
|
data: { |
|
//当前页数 |
|
pageCur: ${(page.cur)!1}, |
|
//每页文章条数 |
|
pageSize: ${(page.size)!20}, |
|
//页数总数 |
|
pageTotal: ${(page.total)!0}, |
|
//内容总数 |
|
contentCount: ${(page.rcount)!0}, |
|
keyword: "{ms:search.content_title/}" |
|
}, |
|
methods: { |
|
handleCurrentChange:function(val) { |
|
var form = document.createElement("form"); |
|
form.setAttribute("method", "post"); |
|
var input = document.createElement('input'); |
|
input.setAttribute('type', 'hidden'); |
|
input.setAttribute('name', 'size'); |
|
input.setAttribute('value', this.pageSize); |
|
form.append(input); |
|
input = document.createElement('input'); |
|
input.setAttribute('type', 'hidden'); |
|
input.setAttribute('name', 'pageNo'); |
|
input.setAttribute('value', val); |
|
form.append(input); |
|
input = document.createElement('input'); |
|
input.setAttribute('type', 'hidden'); |
|
input.setAttribute('name', 'content_title'); |
|
input.setAttribute('value', this.keyword); |
|
form.append(input); |
|
input = document.createElement('input'); |
|
input.setAttribute('type', 'hidden'); |
|
input.setAttribute('name', 'categoryIds'); |
|
input.setAttribute('value', this.categoryIds); |
|
form.append(input); |
|
|
|
form.setAttribute("action",location.pathname); |
|
document.body.appendChild(form); |
|
form.submit(); |
|
form.remove(); |
|
}, |
|
} |
|
}) |
|
|
|
|
|
</script>
|
|
|