hx
/
expo


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175
							<!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><a href="{ms:global.host/}${field.typelink}"> {ms:search.content_title/} </a> </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&amp;uin=2029444895&amp;site=qq&amp;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>