分享一个自己打造原创的极简搜索界面，有需要的朋友，可以拿去使用。系统内核为：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>
原文地址：https://www.cnblogs.com/68xi/p/13344403.html
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 dio@foxmail.com 举报，一经查实，本站将立刻删除。