Commit c203ca58 authored by xuwh's avatar xuwh

武汉页面

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