分享一个自己打造原创的极简搜索界面,有需要的朋友,可以拿去使用。系统内核为: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>