jinql
/
YoungxjTools
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

更新搜索功能，优化悬浮小图标位置

Browse Source
master
Young小杰 7 years ago
parent 38d60c3511
commit fe5ba292dc
5 changed files with 138 additions and 35 deletions
Show Stats Download Patch File Download Diff File

3
README.md
Unescape View File

@ -104,4 +104,5 @@
1. 2018年5月1日 22:59:35 经网友反馈安装完成后数据库未导入数据的问题，现已更新初始数据库文件。
2. 2018年5月2日 15:56:05 更新数据库文件，更新ajax评论提交，更新小细节
3. 2018年5月3日 22:04:35 修复一个bug
4. 2018年5月5日 13:16:16 完善程序安装，修复安装错误，修复安装锁错误，修复评论提交失败，更新三个小工具
4. 2018年5月5日 13:16:16 完善程序安装，修复安装错误，修复安装锁错误，修复评论提交失败，更新三个小工具
5. 2018年5月6日 14:16:12 更新搜索功能，优化悬浮小图标位置

6
css/bootstrap-select.min.css vendored
View File

File diff suppressed because one or more lines are too long

4
header.php
Unescape View File

@ -143,7 +143,9 @@ if($id){
}
#f_list{position:fixed;right:30px;bottom:60px;transition:bottom ease .3s;z-index:9;font-size:18px;text-align:center;line-height:36px}
#f_list a.btn{width:36px;height:36px;display:block;text-decoration:none;color:#999;border-radius:5px}
@media screen and (max-width: 720px) {
#f_list {right:0px;}
}
.centent{min-height:500px;}
</style>
</head>

151
index.php
Unescape View File

@ -18,48 +18,84 @@ if(getParam('url')){
if(getParam('sort')){
echo '<style>#choose-tool{display:none;}</style>';
$tools_list=$sp->findall(array("tools_type= '".deepEscape(getParam('sort'))."'and state=0"),constant("Desc"),"*");//查询分类
}elseif(getParam('query')){
echo '<style>.search-fr{display:none;}</style>';
$tools_list=$sp->findall(array("title like '%".deepEscape(getParam('query'))."%'"),constant("Desc"),"*");//查询标题
}else{
$tools_list=$sp->findall(array('state'=>'0'),constant("Desc"),"*");
}
}
?>
<link rel="stylesheet" type="text/css" href="/css/bootstrap-select.min.css">
<script src="/js/bootstrap-select.min.js"></script>
<?php if(constant('templates')=='1'){?>
<div class="search-fr">
<style>
.search-fr{float:right;margin-right:145px;}
@media screen and (max-width: 720px) {
.search-fr {float:none;margin-right:0px;text-align:center;}
}
if(constant('templates')=='1'){
?>
<link rel="stylesheet" type="text/css" href="css/temp_one.css">
<div class="container centent" style="padding-bottom:20px;">
<div class="row row-xs">
<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
<div class="row">
<?php if(!$tools_list){echo '目前没有工具！';}?>
<?php foreach ($tools_list as $age) {
$toolsurl = constant("Tools_url").'?url='.$age['tools_url'];
?>
</style>
<form class="form-horizontal" role="form">
<div class="form-group">
<div class="col-lg-1">
<select id="basic" class="selectpicker" data-live-search="true">
<option data-subtext="搜索">搜索</option>
<?php foreach ($tools_list as $age) {?>
<option data-subtext="<?php echo $age['title'];?> <?php echo $age['tools_url'];?>"><?php echo $age['title'];?></option>
<?php }?>
</select>
</div>
</div>
</form>
</div>
<script type="text/javascript">
$('.selectpicker').on('changed.bs.select',function(e){
$(window).attr('location','?query='+$('#basic').val());
});
</script>
<link rel="stylesheet" type="text/css" href="css/temp_one.css">
<div class="container centent" style="padding-bottom:20px;">
<div class="row row-xs">
<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
<div class="row">
<?php if(!$tools_list){
echo '<div class="row row-centered">
<div class="form-group" id="input-wrap">
<h1 class="text-center" style="font-size: 80px;">没有工具</h1>
<h3 class="text-center"><script>text()</script></h3>
</div>
</div>';}?>
<?php foreach ($tools_list as $age) {
$toolsurl = constant("Tools_url").'?url='.$age['tools_url'];
?>
<div class="col-xs-12 col-sm-3 boxs">
<div class="item-inner">
<div class="item-hd">
<a target="_blank" href="<?php echo $toolsurl;?>" class="item-icon"><img src="<?php echo $age['tools_img'];?>" width="48" height="48" alt="coderunner"></a>
<h3><a target="_blank" href="<?php echo $toolsurl;?>"><?php echo $age['title'];?></a></h3>
<span class="item-category">[<a target="_blank" rel="nofollow" href="../?sort=<?php echo $age['tools_type'];?>"><?php echo $age['tools_type'];?></a>]</span>
<a title="喜欢" class="likeable" href="javascript:ajax_love(<?php echo $age['id'];?>)" data-slug="coderunner" data-url="//<?php echo constant("Tools_url");?>" id="tools_love_<?php echo $age['id'];?>" <?php if ($_COOKIE["love_id_".$age['id']]) {echo 'style="color:red;"';}?>><i class="fa fa-heart"></i><var><?php echo $age['tools_love'];?></var></a>
<a title="访问次数" class="see" data-slug="coderunner" data-url="<?php echo constant("Tools_url");?>" id="tools_<?php echo $age['id'];?>"><i class="fa fa-eye"></i><var><?php echo $age['tools_number'];?></var></a>
</div>
<div class="item-bd">
<div class="item-desc" title="<?php echo $age['explains'];?>"><?php echo $age['explains'];?></div>
</div>
<div class="item-ft">
<a target="_blank" class="item-link" href="<?php echo $toolsurl;?>"><?php echo $age['tools_url'];?></a>
<a target="_blank" class="item-btn" href="<?php echo $toolsurl;?>">进入</a>
</div>
<div class="col-xs-12 col-sm-3 boxs">
<div class="item-inner">
<div class="item-hd">
<a target="_blank" href="<?php echo $toolsurl;?>" class="item-icon"><img src="<?php echo $age['tools_img'];?>" width="48" height="48" alt="coderunner"></a>
<h3><a target="_blank" href="<?php echo $toolsurl;?>"><?php echo $age['title'];?></a></h3>
<span class="item-category">[<a target="_blank" rel="nofollow" href="../?sort=<?php echo $age['tools_type'];?>"><?php echo $age['tools_type'];?></a>]</span>
<a title="喜欢" class="likeable" href="javascript:ajax_love(<?php echo $age['id'];?>)" data-slug="coderunner" data-url="//<?php echo constant("Tools_url");?>" id="tools_love_<?php echo $age['id'];?>" <?php if ($_COOKIE["love_id_".$age['id']]) {echo 'style="color:red;"';}?>><i class="fa fa-heart"></i><var><?php echo $age['tools_love'];?></var></a>
<a title="访问次数" class="see" data-slug="coderunner" data-url="<?php echo constant("Tools_url");?>" id="tools_<?php echo $age['id'];?>"><i class="fa fa-eye"></i><var><?php echo $age['tools_number'];?></var></a>
</div>
<div class="item-bd">
<div class="item-desc" title="<?php echo $age['explains'];?>"><?php echo $age['explains'];?></div>
</div>
<div class="item-ft">
<a target="_blank" class="item-link" href="<?php echo $toolsurl;?>"><?php echo $age['tools_url'];?></a>
<a target="_blank" class="item-btn" href="<?php echo $toolsurl;?>">进入</a>
</div>
</div>
<?php }?>
</div>
<?php }?>
</div>
</div>
</div>
<?php }else{
</div>
<?php }else{
/*拼音库用于首页分类卡片
*作用不大，可用可不用
*但是需要手动修改分类目录的class
@ -67,6 +103,11 @@ if(constant('templates')=='1'){
include 'function.py.php';
?>
<link rel="stylesheet" type="text/css" href="/css/templates.css">
<div class="container centent">
<ol class="breadcrumb" id="choose-tool">
<li class="active" data-class=".tool-item">
@ -75,13 +116,44 @@ include 'function.py.php';
<li data-class=".<?php if($age['tools_type']){echo pinyin($age['tools_type'], 'first');}else{echo 'qt';}?>">
<span><?php echo $age['tools_type'];?></span></li>
<?php }?>
</ol>
<div class="row">
<?php if(!$tools_list){echo '目前没有工具！';}?>
<div class="search-fr">
<style>
/*.search-fr{ position:fixed;right: 143px;z-index: 999;}
.dropdown-menu{max-height:216px}
@media screen and (max-width: 720px) {
.search-fr {display:none;}
}*/
.search-fr{float:right;}
@media screen and (max-width: 720px) {
.search-fr {float:none;text-align:center;}
}
</style>
<form class="form-horizontal" role="form">
<div class="form-group">
<div class="col-lg-1">
<select id="basic" class="selectpicker" data-live-search="true">
<option data-subtext="搜索">搜索</option>
<?php foreach ($tools_list as $age) {?>
<option data-subtext="<?php echo $age['title'];?> <?php echo $age['tools_url'];?>"><?php echo pinyin($age['title'], 'first');?></option>
<?php }?>
</select>
</div>
</div>
</form>
</div>
</ol>
<div class="row">
<?php if(!$tools_list){
echo '<div class="row row-centered">
<div class="form-group" id="input-wrap">
<h1 class="text-center" style="font-size: 80px;">没有工具</h1>
<h3 class="text-center"><script>text()</script></h3>
</div>
</div>';}?>
<?php foreach ($tools_list as $age) {
$toolsurl = constant("Tools_url").'?url='.$age['tools_url'];
?>
<div class="col-sm-6 col-md-4 col-lg-3 tool-item <?php if($age['tools_type']){echo pinyin($age['tools_type'], 'first');}else{echo 'qt';}?>">
<div class="col-sm-6 col-md-4 col-lg-3 tool-item <?php if($age['tools_type']){echo pinyin($age['tools_type'], 'first');}else{echo 'qt';}?> <?php echo pinyin($age['title'], 'first');?>">
<a href="<?php echo $toolsurl;?>">
<div class="maple-tool-item image-shadow">
<span class="maple-tool-icon maple-tool-item-color<?php echo rand(1,6);?>"><?php echo mb_substr($age['title'],0,1,'utf-8');?></span>
@ -100,6 +172,19 @@ include 'function.py.php';
<?php }?>
</div>
</div>
<script type="text/javascript">
$('.selectpicker').on('changed.bs.select',function(e){
$('.dropdown-toggle').data("class",'.'+$('#basic').val());
$('.dropdown-toggle').removeClass("active");
if ($('.dropdown-toggle').attr('class') == 'active') return false;
$('.dropdown-toggle').addClass("active");
if($('.dropdown-toggle').data("class")=='.搜索'){
$(".tool-item").show();
}else{if ($('.dropdown-toggle').data("class") !== ".tool-item") $(".tool-item").hide();}
$($('.dropdown-toggle').data("class")).fadeIn(0);
});
</script>
<script>
$(function() {
$('#choose-tool li').click(function() {

9
js/bootstrap-select.min.js vendored
View File

File diff suppressed because one or more lines are too long
Write Preview
Loading…
Cancel
Save