【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>

  

posted @ 2020-07-20 12:27  圆柱模板  阅读(562)  评论(0编辑  收藏  举报