Commit c203ca58 authored by xuwh's avatar xuwh

武汉页面

parent ec0b04be
......@@ -6,10 +6,10 @@
<img src="{ms:global.host/}/{ms:global.style/}/images/toubu.png">
</div>
<div class="soso">
<form id="searchDataForm" action="/html/1551/12/search.do" method="post">
<input type="hidden" name="categoryId" value="4939"/> <!--必须存在-->
<form id="searchDataForm" action="{ms:global.host/}/mcms/search.do" method="post">
<input type="hidden" name="categoryIds" value="4939,1398224556804325378,1398232504783912961,1398232504783912961,1398484257177669633,1399176403983597569"/> <!--必须存在-->
<!--表单的name值不能改变-->
<input type="text" name="basic_title" placeholder="搜索您需要的商品" class="search" />
<input type="text" name="content_title" placeholder="搜索您需要的商品" class="search" />
<input type="submit" value="" class="but-sublimt">
</form>
</div>
......@@ -33,4 +33,16 @@
</ul>
</div>
</div>
<!--导航条结束-->
<!--导航条结束-->
<script>
$(".but-sublimt").click(function(){
let search = $('.search').val()
if(!search) {
return false
}
})
</script>
......@@ -246,4 +246,5 @@ $(function() {
$(".img_two").css("display","none");
}
);
</script>
......@@ -5,6 +5,9 @@
<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>
......@@ -15,7 +18,7 @@
<!--位置导航-->
<div class="present">
<span>您搜索的关键字:</span>
<span><a href="{ms:field.typelink/}"> {ms:search.basic_title/} </a> </span>
<span><a href="{ms:field.typelink/}"> ${ms:search.content_title/} </a> </span>
</div>
<!--产品系列-->
<div class="main-container">
......@@ -55,18 +58,33 @@
<!--产品图片-->
<div class="pic">
<ul>
{ms:arclist ispaging=true }
{ms:arclist size=9 ispaging=true }
<li>
<a href='{ms:global.url/}[field.link/]' target="_self">
<img src={ms:global.host/}[field.litpic/]/>
<a href='{ms:global.url/}/${field.link}' target="_self">
<img src="{ms:global.host/}/{@ms:file field.litpic/}"/>
<div>
[field.title/]
${field.title}
</div>
</a>
</li>
{/ms:arclist}</ul>
</div>
{/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">
......@@ -81,27 +99,77 @@
</body>
</html>
<script>
$(function(){
$(function(){
if ($(".pic >ul > li" ).length <=0){
$(".pic").html("<span style='font-size:20px;color:red'>对不起,没有找到你所要的商品</span>");
}
})
$(".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 >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");
}
$(".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>
This diff is collapsed.
......@@ -35,7 +35,7 @@
cellspacing="0" bgcolor="#897455">
<tr>
<td valign="top">
{ms:channel typeid=3001 type=son}
{ms:channel typeid=1399245529963888641 type=son}
<a href="{ms:global.url/}[field.typelink/]" class="main_">
<div class="newsSort_A" onmouseover="this.className='newsSort_B'"
......
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