yeyinlaoying/toolbox
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

优化首页工具展示

Browse Source
This commit is contained in:
net909
2024-09-04 15:25:13 +08:00
parent 50cab11a7b
commit 60ad89e27d
1 changed files with 28 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files
view/index/default/index/index.html
+28 -7
View File
@@ -35,8 +35,26 @@
<div class="container-xl"> <div class="container-xl">
<div class="nk-content-body"> <div class="nk-content-body">
{:config_get('head_banner')} {:config_get('head_banner')}
<div id="toollist"></div> <div id="toollist">
<div class="card card-preview" id="link_content" style="display:none"> {foreach $tool as $class}
<div class="card card-preview category-card" data-category-id="{$class.id}">
<div class="card-inner mt-3">
<div class="nya-title nk-ibx-action-item progress-rating">
<em class="{$class.icon}"></em>
<span class="nk-menu-text font-weight-bold">{$class.title}</span>
</div>
<div class="row g-2">
{foreach $class.items as $item}
<div class="col-lg-3 col-md-4 col-6">
<a href="{$item.url}" data-id="{$item.id}" class="btn btn-wider btn-block btn-xl btn-outline-light tool-link" {$item.out?'target="_blank"':''}>{$item.title}</a>
</div>
{/foreach}
</div>
</div>
</div>
{/foreach}
</div>
<div class="card card-preview" id="link_content">
<div class="card-inner mt-3"> <div class="card-inner mt-3">
<div class="nya-title nk-ibx-action-item progress-rating"> <div class="nya-title nk-ibx-action-item progress-rating">
<em class="icon ni ni-link"></em> <em class="icon ni ni-link"></em>
@@ -84,7 +102,6 @@ function show_category_btn(catid){
function show_tool_list(catid){ function show_tool_list(catid){
searchkw = '';$("#searchkw").val(''); searchkw = '';$("#searchkw").val('');
show_category_btn(catid); show_category_btn(catid);
tools = [];
var html = ''; var html = '';
$.each(tool_list, function(index, value){ $.each(tool_list, function(index, value){
if(catid!=0 && value.id!=catid) return; if(catid!=0 && value.id!=catid) return;
@@ -95,9 +112,8 @@ function show_tool_list(catid){
<em class="${value.icon}"></em> <em class="${value.icon}"></em>
<span class="nk-menu-text font-weight-bold">${value.title}</span> <span class="nk-menu-text font-weight-bold">${value.title}</span>
</div> </div>
<div class="row g-2">`; <div class="row g-2">`;
$.each(value.items, function(index, value){ $.each(value.items, function(index, value){
tools.push(value);
html += ` html += `
<div class="col-lg-3 col-md-4 col-6"> <div class="col-lg-3 col-md-4 col-6">
<a href="${value.url}" data-id="${value.id}" class="btn btn-wider btn-block btn-xl btn-outline-light tool-link" ${value.out?'target="_blank"':''}>${value.title}</a> <a href="${value.url}" data-id="${value.id}" class="btn btn-wider btn-block btn-xl btn-outline-light tool-link" ${value.out?'target="_blank"':''}>${value.title}</a>
@@ -123,7 +139,7 @@ function show_search_list(){
<em class="icon ni ni-search"></em> <em class="icon ni ni-search"></em>
<span class="nk-menu-text font-weight-bold">搜索结果</span> <span class="nk-menu-text font-weight-bold">搜索结果</span>
</div> </div>
<div class="row g-2">`; <div class="row g-2">`;
if(list.length>0){ if(list.length>0){
$.each(list, function(index, value){ $.each(list, function(index, value){
html += ` html += `
@@ -170,7 +186,12 @@ function bind_statistics(){
}); });
} }
$(document).ready(function(){ $(document).ready(function(){
show_tool_list(0); //show_tool_list(0);
$.each(tool_list, function(index, value){
$.each(value.items, function(index, value){
tools.push(value);
});
});
$("#searchkw").on('input', function(){ $("#searchkw").on('input', function(){
watch_searchkw($(this).val().trim().toLowerCase()) watch_searchkw($(this).val().trim().toLowerCase())
}); });