zoukankan      html  css  js  c++  java
  • 【DT8.0】分享原创极简搜索界面

      分享一个自己打造原创的极简搜索界面,有需要的朋友,可以拿去使用。系统内核为:destoon8.0

      代码如下:

      背景壁纸接口为:http://www.sdfymj.com/api/biying.php

      演示地址:http://www.sdfymj.com/invest/

    <!DOCTYPE html>
    <!--[if lt IE 7]>
    <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
    <!--[if IE 7]>
    <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
    <!--[if IE 8]>
    <html class="no-js lt-ie9"> <![endif]-->
    <!--[if gt IE 8]><!-->
    <html class="no-js"> 
    <!--<![endif]-->
    <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>{if $seo_title}{$seo_title}{else}{if $head_title}{$head_title}{$DT[seo_delimiter]}{/if}{if $city_sitename}{$city_sitename}{else}{$DT[sitename]}{/if}{/if}</title>
    <meta name="keywords" content="{$head_keywords}" />
    <meta name="description" content="{$head_description}" />
    <link rel="archives" title="{$DT[sitename]}" href="http://www.sdfymj.com/archiver/index-htm-mid-{$moduleid}.html"/>
    <link rel="alternate" type="application/rss+xml" title="" href="http://www.sdfymj.com/feed/rss.php?mid={$moduleid}"/> 
    <link rel="shortcut icon" type="image/x-icon" href="{DT_STATIC}favicon.ico" />
    <link rel="bookmark" type="image/x-icon" href="{DT_STATIC}favicon.ico" />
    <link rel="archives" title="{$DT[sitename]}" href="{$EXT[archiver_url]}" />
    <meta name="tags" content="{$head_keywords}"/>
    <link type="text/css" rel="stylesheet" href="{DT_SKIN}common/css/libs.min.css"/>
    <link type="text/css" rel="stylesheet" href="{DT_SKIN}common/css/plugins.min.css"/>
    <link rel="stylesheet" href="{DT_SKIN}common/css/style.css">
    <script type="text/javascript" src="{DT_SKIN}common/js/libs.min.js"></script>
    </head>
    <body>
    <div class="wrap-all list">
    <!--  -->
    <!--[if lt IE 9]>
    <p class="browsehappy">尊敬的用户:您使用的浏览器版本太低,部分功能将无法使用. 请尽快<a href="http://browsehappy.com/" target="_blank">升级浏览器</a> 来提高您的使用体验.</p>
    <![endif]-->
    <!-- head 开始 -->
    <div class="setTop-search ">
    	<div class="wrap2 clearfloat">
    		<a href="/" class="top-logo" title="云建网">
    			<img src="{DT_SKIN}common/picture/logo.png">
    		</a>
    		<div class="right">
    			<div class="found l">
    				<a href="javascript:;" class="f-text">发现<i class="iconfont icon-arrow"></i></a>
    				<div class="found-menu">
    					<a href="http://www.sdfymj.com/news/list-9.html" class="found-item" title="工程资讯"><i class="iconfont icon-book"></i><span>建筑工程</span></a>
    					<a href="http://www.sdfymj.com/sitemap/index-htm-mid-{$moduleid}.html" target="_blank" class="found-item" title="站点导航"><i class="iconfont icon-image"></i><span>站点导航</span></a>
    					<a href="http://www.sdfymj.com/caigou.xml" class="found-item" title="采购地图"><i class="iconfont icon-comment"></i><span>采购地图</span></a>
    				</div>
    			</div>
    			<div class="login">
    			 {loop $MODULE $kt $m}{if $m[ismenu]}
    			    <a href="{$m[linkurl]}">{$m[name]}</a>|
    				{/if}
    				{/loop}
    				 {if $_userid}
    				<a href="{$MODULE[2][linkurl]}" rel="nofollow"><i class="iconfont">�</i>管理</a>|
    				<a href="{$MODULE[2][linkurl]}my.php" rel="nofollow">发布</a>
    				{else}
                    <a href="{$MODULE[2][linkurl]}{$DT[file_login]}" rel="nofollow"><i class="iconfont">�</i>登陆</a>|
    				<a href="{$MODULE[2][linkurl]}{$DT[file_register]}" rel="nofollow">注册</a>
    				{/if}
    			</div>
    
    			
    		</div>
    	</div>
    </div>
    <!-- head 结束 -->
    <div class="title-logo">
    	建材租赁
    </div>
    <!--搜索表单-->
    <div class="search clearfloat" id="search">
    	<form action="{$MODULE[$searchid][linkurl]}search.php" class="search-form">
    	<input type="hidden" name="moduleid" value="{$searchid}"/>
    	<input type="hidden" name="spread" value="0" />
    		<input type="text" name="kw" placeholder="请输入商品/产品名,就能获取您需要的产品信息"/>
    		<button type="submit">搜一下</button>
    	</form>
    </div>
    <!--搜索表单-->
    <div class="wrap2">
        
      <div class="panel-wrap fluid">
        <div class="homepage-panel-head">共有{php echo $db->count($DT_PRE.'info_22', 'status=3', 1800);}条租赁信息</div>
    		<div class="panel-content other-items-wrap">
    		 <!--{tag("moduleid=$moduleid&length=40&condition=status=3&areaid=$cityid&pagesize=20&order=addtime desc&dir=xhtag&template=info-newtext")}-->
    		 <!--{tag("moduleid=$moduleid&catid=1118&length=40&condition=status=3&areaid=$cityid&pagesize=20&order=addtime desc&dir=xhtag&template=info-newtext")}-->
    		  </div>
          
    	</div>
    </div>
    
    <!-- footer 开始 -->
    <div class="footer" >
      
    	<div class="key-points clearfloat">
    		<div class="key-point point-ent-qty">
    			<i class="iconfont">�</i>
    			<div class="key-point-title">1千万+企业</div>
    			<div class="key-point-desc">上千万建材供应,随时搜索查询</div>
    		</div>
    		<div class="key-point point-search-performance">
    			<i class="iconfont">�</i>
    			<div class="key-point-title">企业通讯录</div>
    			<div class="key-point-desc">多来源企业联系方式,一个不漏</div>
    		</div>
    		<div class="key-point point-multi-demision">
    			<i class="iconfont">�</i>
    			<div class="key-point-title">企业信息查询</div>
    			<div class="key-point-desc">精确搜索无需等待,节约时间</div>
    		</div>
    		<div class="key-point point-scan-card">
    			<i class="iconfont">�</i>
    			<div class="key-point-title">实时掌控</div>
    			<div class="key-point-desc">厂家、价格、租赁,多维数据监控</div>
    		</div>
    	</div>
    	
    	<div class="wrap2">
    		<ul>
    		<li style="border:none;padding:0"><a href="javascript:">数据来源:</a></li>
    		<li><a href="#" rel="nofollow" target="_blank">1688</a></li>
    		<li><a href="#" rel="nofollow" target="_blank">天眼查</a></li>
    		<li><a href="#" rel="nofollow" target="_blank">慧聪网</a></li>
    		<li><a href="#" rel="nofollow" target="_blank">国家知识产权局</a></li>
    		<li><a href="#" rel="nofollow" target="_blank">商标局</a></li>
    		<li><a href="#" rel="nofollow" target="_blank">版权局</a></li>
    		</ul>
    	</div>
      
    	<div class="wrap2">
    		<ul class="marginTop-0">
    			<li><a href="http://www.sdfymj.com/announce/" target="_blank" title="公司简介">公司简介</a></li>
    			<!-- <li><a href="/app" title="产品中心">产品中心</a></li> -->
    			<li><a href="{$EXT[ad_url]}" target="_blank" title="广告服务">广告服务</a></li>
    			<li><a href="http://www.sdfymj.com/api/report.php" target="_blank" title="违规举报">违规举报</a></li>
    			<li><a href="{$MODULE[1][linkurl]}about/agreement.html" target="_blank" title="使用协议">使用协议</a></li>
    			<li><a href="{$MODULE[1][linkurl]}about/copyright.html" target="_blank" title="版权隐私">版权隐私</a></li>
    			<li><a href="{$MODULE[1][linkurl]}feed/" target="_blank" title="rss订阅">rss订阅</a></li>
    		</ul>
    	</div>
    
    	<div class="wrap2">
    		<ul class="marginTop-0">
    		<a rel="nofollow" href="http://beian.miit.gov.cn/" target="_blank">{$DT[icpno]}</a>   Copyright 2019-2020 ALL Right Reserved 版权所有:<a rel="nofollow" href="https://xin.baidu.com/company_detail_79472525734231" target="_blank">山东方圆建筑材料有限公司</a>   地址:山东省临沂市兰山区西外环路与双岭路交汇南600米路东(钢材市场9号门)408 
    
    		</ul>
    	</div>
    </div>
    </body>
    </html>
    

      

  • 相关阅读:
    对称加密算法:替代算法与置换算法
    cin与getline
    延迟任务实现方式
    @Validated校验
    mac 终端 常用命令
    IOS和Android的区别[转]
    [IOS] NSIndexPath , NSIndexSet , NSRange 之间的区别比较
    [IOS]iphone开发之UIImage应用与内存管理,UIImage加载图像方法
    CorePlot SDK的安装以及应用
    [IOS] iphone 之 横屏和自动旋转
  • 原文地址:https://www.cnblogs.com/68xi/p/13344403.html
Copyright © 2011-2022 走看看