Hawkin
/
nav-site
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

优化 模板代码结构

This commit is contained in:
六零 2022-06-12 02:24:43 +08:00
parent 2977c8aac6
commit 148507e652
12 changed files with 119 additions and 360 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
template/5iux/css/style.css
View File

@ -16,7 +16,6 @@ ul,li{display:block;list-style:none}
a{text-decoration:none;color:#000} a{text-decoration:none;color:#000}
#content{width:100%;height:100%} #content{width:100%;height:100%}
li img{width:14px;height:14px;margin:0 5px 0 8px;vertical-align:-0.15em;fill:currentColor;overflow:hidden} li img{width:14px;height:14px;margin:0 5px 0 8px;vertical-align:-0.15em;fill:currentColor;overflow:hidden}
.nav-link{color:#adadad !important}
.con{width:100%;transition:1s all;margin:auto;min-width:320px;height:380px;position:absolute;left:0;top:-100px;right:0;bottom:0} .con{width:100%;transition:1s all;margin:auto;min-width:320px;height:380px;position:absolute;left:0;top:-100px;right:0;bottom:0}
.con .shlogo{position:relative;width:auto;height:auto;margin:20px auto} .con .shlogo{position:relative;width:auto;height:auto;margin:20px auto}
h2.title{text-align:center;color:#fff;font-size:36px;font-weight:600;text-shadow:1px 1px 8px #504b4b} h2.title{text-align:center;color:#fff;font-size:36px;font-weight:600;text-shadow:1px 1px 8px #504b4b}
@ -30,18 +29,18 @@ h2.title{text-align:center;color:#fff;font-size:36px;font-weight:600;text-shadow
.con .sou form .lg img{display:block;width:25px;height:25px;position:absolute;left:25px;top:12px;overflow:hidden;cursor:pointer} .con .sou form .lg img{display:block;width:25px;height:25px;position:absolute;left:25px;top:12px;overflow:hidden;cursor:pointer}
.con .sou form .wd:focus{color:#000;background:#fff;box-shadow:0 0px 15px 0 rgba(32,33,36,0.2);border-color:#fff} .con .sou form .wd:focus{color:#000;background:#fff;box-shadow:0 0px 15px 0 rgba(32,33,36,0.2);border-color:#fff}
.con .sou form button{width:40px;height:40px;display:block;position:absolute;z-index:10;right:6px;top:6px;cursor:pointer;font-size:22px;line-height:40px;border-radius:50%;color:#777} .con .sou form button{width:40px;height:40px;display:block;position:absolute;z-index:10;right:6px;top:6px;cursor:pointer;font-size:22px;line-height:40px;border-radius:50%;color:#777}
.con .sou #word{width:calc(100% - 70px);border:15px solid #f1f1f1;border-radius:10px;left:20px;position:absolute;z-index:500;top:65px;background:#f1f1f1;line-height:30px;font-size:16px;overflow:hidden;display:none} .con .sou #word{backdrop-filter: blur(10px);width:calc(100% - 70px);padding: 15px;border-radius:10px;left:20px;position:absolute;z-index:500;top:65px;background:#ffffffb0;;line-height:30px;font-size:16px;overflow:hidden;display:none}
.con .sou #word li{cursor:pointer;color:#555} .con .sou #word li{cursor:pointer;color:#555;margin: 5px;}
#word li:hover{background-color:#ddd} #word li:hover{background-color:#ddd}
.foot{position:absolute;bottom:10px;text-align:center;width:100%;color:#adadad;height:20px;line-height:20px;font-size:12px;height:auto} .foot{text-shadow: 0px 0px 5px black;position:absolute;bottom:10px;text-align:center;width:100%;color:#fff;line-height:20px;font-size:12px;height:auto}
.foot a{color:#fff} .foot a{color:#fff}
.home{width:50px;height:50px;position:absolute;right:70px;top:10px;z-index:200;cursor:pointer} .home{width:50px;height:50px;position:absolute;right:70px;top:10px;z-index:200;cursor:pointer}
.home a{font-size:20px;color:#999;line-height:50px;display:block;text-align:center} .home a{font-size:20px;color:#999;line-height:50px;display:block;text-align:center}
#menu{width:50px;height:50px;transform:scale(0.8);position:absolute;right:10px;top:5px;z-index:2000000;cursor:pointer;transition:0.5s} #menu{width:50px;height:50px;background: #29f;border-radius: 50%;transform:scale(0.8);position:absolute;right:10px;top:5px;z-index:2000000;cursor:pointer;transition:0.5s}
#menu i{position:absolute;left:0;right:0;margin:24px auto;width:30px;height:2px;background:#777} #menu i{position:absolute;left:0;right:0;margin:24px auto;width:30px;height:2px;background:#fff}
#menu i:before{content:'';width:20px;height:2px;top:-8px;background:#777;position:absolute;right:0} #menu i:before{content:'';width:20px;height:2px;top:-8px;background:#fff;position:absolute;right:0}
#menu i:after{content:'';width:20px;height:2px;bottom:-8px;background:#777;position:absolute;left:0} #menu i:after{content:'';width:20px;height:2px;bottom:-8px;background:#fff;position:absolute;left:0}
#menu.on{right:380px;background:#29f;border-radius:25px;box-shadow:0 6px 8px rgba(36,159,253,.3)} #menu.on{right:380px;background:#29f;border-radius:25px}
#menu.on i{width:20px;background:#fff} #menu.on i{width:20px;background:#fff}
#menu.on i:before{top:-5px;transform:rotate(45deg);width:14px;right:-1px;left:auto;background:#fff} #menu.on i:before{top:-5px;transform:rotate(45deg);width:14px;right:-1px;left:auto;background:#fff}
#menu.on i:after{bottom:-5px;transform:rotate(-45deg);width:14px;right:-1px;left:auto;background:#fff} #menu.on i:after{bottom:-5px;transform:rotate(-45deg);width:14px;right:-1px;left:auto;background:#fff}

91
template/5iux/index.php
View File

@ -34,7 +34,7 @@ if (!empty($q)) {
<meta name="x5-fullscreen" content="true"><!--QQ强制全屏--> <meta name="x5-fullscreen" content="true"><!--QQ强制全屏-->
<meta name="x5-page-mode" content="app"><!--QQ应用模式--> <meta name="x5-page-mode" content="app"><!--QQ应用模式-->
<meta name="lsvn" content="<?php echo base64_encode($conf['version'])?>"> <meta name="lsvn" content="<?php echo base64_encode($conf['version'])?>">
<link href="<?php echo $templatepath;?>/css/style.css" rel="stylesheet"> <link href="<?php echo $templatepath;?>/css/style.css?v=20220611" rel="stylesheet">
<link href="<?php echo $templatepath;?>/css/wea.css" rel="stylesheet"> <link href="<?php echo $templatepath;?>/css/wea.css" rel="stylesheet">
<script src="https://lf3-cdn-tos.bytecdntp.com/cdn/expire-2-M/jquery/3.5.1/jquery.min.js"></script> <script src="https://lf3-cdn-tos.bytecdntp.com/cdn/expire-2-M/jquery/3.5.1/jquery.min.js"></script>
</head> </head>
@ -44,67 +44,20 @@ if (!empty($q)) {
<div id="menu"><i></i></div> <div id="menu"><i></i></div>
<div class="list closed"> <div class="list closed">
<?php <?php
$groups = $DB->query("SELECT * FROM `lylme_groups` ORDER BY `group_order` ASC");
// 获取分类 $html= array(
$i = 0; 'g1' => '<ul class="mylist row">', //分组开始标签
while ($group = $DB->fetch($groups)) { 'g2' => '<li class="title">{group_icon}<sapn>{group_name}</sapn></li>', //分组内容
//循环所有分组 'g3' => '</ul>', //分组结束标签
if($group["group_status"]=='0'){continue;}
if(!in_array($group['group_pwd'],$_SESSION['list'])&&!empty($group['group_pwd'])){ 'l1' => '<li class="col-3 col-sm-3 col-md-3 col-lg-1">', //链接开始标签
//如果 分组加密未在认证列表 并且分组设置了密码(不显示分组) 'l2' => '<a rel="nofollow" href="{link_url}" target="_blank">{link_icon}<span>{link_name}</span></a>', //链接内容
continue; 'l3' => '</li>', //链接结束标签
} );
$sql = "SELECT * FROM `lylme_links` WHERE `group_id` = " . $group['group_id']." ORDER BY `link_order` ASC;"; lists($html);
$group_links = $DB->query($sql);
$link_num = $DB->num_rows($group_links); echo '</div>';
// 获取返回字段条目数量 if ($conf['tq']) {
echo '<ul class="mylist row"><li class="title">' . $group["group_icon"] . '<sapn>' . $group["group_name"] . '</sapn></li>';
//输出分组图标和标题
if ($link_num == 0) {
echo '</ul>' . "\n";
$i = 0;
continue;
}
while ($link = $DB->fetch($group_links)) {
// 循环每个链接
// 返回指定分组下的所有字段
$lpwd = true;
if ($link_num > $i) {
$i = $i + 1;
if(!empty($group['group_pwd'])&&!empty($link['link_pwd'])){
//分组和链接同时加密
//忽略链接加密正常显示分组
}
else if(!in_array($link['link_pwd'],$_SESSION['list'])&&!empty($link['link_pwd'])){
//当前链接加密
$lpwd = false;
}
if($link["link_status"]!="0" && $lpwd ){
echo "\n" . '<li class="col-3 col-sm-3 col-md-3 col-lg-1"><a rel="nofollow" href="' . $link["url"] . '" target="_blank">';
if ($link["icon"] == '') {
echo '<img src="/assets/img/default-icon.png" alt="默认' . $link["name"] . '" />';
} else if (!preg_match("/^<svg*/", $link["icon"])) {
echo '<img src="' . $link["icon"] . '" alt="' . $link["name"] . '" />';
} else {
echo $link["icon"];
}
echo '<span>' . $link["name"] . '</span></a></li>';
//输出图标和链接
}
}
if ($link_num == $i) {
//判断当前分组链接循环完毕
echo '</ul>' . "\n";
//输出分类结束标签
$i = 0;
break;
//重置$i为0跳出当前循环
}
}
}
?>
</div>
<?php if ($conf['tq'] != 'false') {
echo '<!--天气--> echo '<!--天气-->
<div class="mywth"> <div class="mywth">
<div class="wea_hover"> <div class="wea_hover">
@ -159,18 +112,8 @@ if(empty($sousw)||empty($soun)) {
</div> </div>
<div class="foot"> <div class="foot">
<?php <?php
if ($conf['yan'] != 'false') { if ($conf['yan']) {
$filename = ROOT.'assets/data/data.dat'; echo '<p class="content">' . yan().'</p>';
//随机一言文件路径
if (file_exists($filename)) {
$data = explode(PHP_EOL, file_get_contents($filename));
$result = str_replace(array(
"\r",
"\n",
"\r\n"
) , '', $data[array_rand($data) ]);
echo '<p class="content">[ ' . $result.' ]</p>';
}
} }
$i= 0; $i= 0;
$tagslists = $DB->query("SELECT * FROM `lylme_tags`"); $tagslists = $DB->query("SELECT * FROM `lylme_tags`");

24
template/baisu/index.php
View File

@ -79,7 +79,10 @@ while ($group = $DB->fetch($groups)) {
<div class="index-main"> <div class="index-main">
<!--搜索 S--> <!--搜索 S-->
<div class="search-main-w"> <div class="search-main-w">
<div class="date-main" style="background-image: url('<?php echo $conf['background'];?>')"> <div class="date-main"
<?php if(background()){
echo 'style="background-image: url('.background().')"';
}?>>
<time class="times" id="nowTime">00:00:00</time> <time class="times" id="nowTime">00:00:00</time>
<span class="dates" id="nowYmd">2022年01月01日</span> <span class="dates" id="nowYmd">2022年01月01日</span>
<div class="list"> <div class="list">
@ -142,19 +145,12 @@ while ($soulist = $DB->fetch($soulists)) {
<div class="site-main"> <div class="site-main">
<?php <?php
if ($conf['yan'] != 'false') {
$filename = ROOT.'assets/data/data.dat'; if ($conf['yan']) {
//随机一言文件路径 echo '<p class="content">[' . yan().']</p>';
if (file_exists($filename)) {
$data = explode(PHP_EOL, file_get_contents($filename));
$result = str_replace(array(
"\r",
"\n",
"\r\n"
) , '', $data[array_rand($data) ]);
echo '<p class="content">[ ' . $result.' ]</p>';
}
} }
include'list.php';?> include'list.php';?>
</div> </div>
@ -207,7 +203,7 @@ include'list.php';?>
<link rel="stylesheet" type="text/css" href="//at.alicdn.com/t/font_3000268_oov6h4vru0h.css" /> <link rel="stylesheet" type="text/css" href="//at.alicdn.com/t/font_3000268_oov6h4vru0h.css" />
<script src="//at.alicdn.com/t/font_3000268_oov6h4vru0h.js" type="text/javascript" charset="utf-8"></script> <script src="//at.alicdn.com/t/font_3000268_oov6h4vru0h.js" type="text/javascript" charset="utf-8"></script>
<!--JS--> <!--JS-->
<script src="https://lf3-cdn-tos.bytecdntp.com/cdn/expire-2-M/jquery/3.5.1/jquery.min.js" charset="utf-8"></script> <script src="https://lf26-cdn-tos.bytecdntp.com/cdn/expire-2-M/jquery/3.5.1/jquery.min.js" charset="utf-8"></script>
<script src="https://lf26-cdn-tos.bytecdntp.com/cdn/expire-1-M/layer/3.5.1/layer.js" type="application/javascript"></script> <script src="https://lf26-cdn-tos.bytecdntp.com/cdn/expire-1-M/layer/3.5.1/layer.js" type="application/javascript"></script>
<script src="<?php echo $templatepath;?>/js/holmes.js" type="text/javascript" charset="utf-8"></script> <script src="<?php echo $templatepath;?>/js/holmes.js" type="text/javascript" charset="utf-8"></script>
<script src="<?php echo $templatepath;?>/js/lunar.js" type="text/javascript" charset="utf-8"></script> <script src="<?php echo $templatepath;?>/js/lunar.js" type="text/javascript" charset="utf-8"></script>

86
template/baisu/list.php
View File

@ -1,79 +1,13 @@
<?php <?php
// +----------------------------------------------------------+ // 主题开发文档：https://doc.lylme.com/dev/theme
// | LyLme Spage BaiSu Theme | $html= array(
// +----------------------------------------------------------+ 'g1' => '<div class="site-name" id="category-{group_id}">{group_icon}{group_name}</div>', //分组开始标签
// | Copyright (c) 2022 LyLme | 'g2' => '<div class="site-list">', //分组内容
// +----------------------------------------------------------+ 'g3' => '<div class="list kongs"></div><div class="list kongs"></div><div class="list kongs"></div><div class="list kongs"></div></div>', //分组结束标签
// | File: list.php |
// +----------------------------------------------------------+
// | Authors: LyLme <admin@lylme.com> |
// | date: 2022-05-01 |
// +----------------------------------------------------------+
$groups = $DB->query("SELECT * FROM `lylme_groups` ORDER BY `group_order` ASC"); // 获取分类
$i = 0; //设置起始
while ($group = $DB->fetch($groups)) {
//循环所有分组
if($group["group_status"]=='0'){continue;}
if(!in_array($group['group_pwd'],$_SESSION['list'])&&!empty($group['group_pwd'])){
//如果 分组加密未在认证列表 并且分组设置了密码(不显示分组)
continue;
}
$sql = "SELECT * FROM `lylme_links` WHERE `group_id` = " . $group['group_id']." ORDER BY `link_order` ASC;";
$group_links = $DB->query($sql);
$link_num = $DB->num_rows($group_links);
// 获取返回字段条目数量
echo '<div class="site-name" id="category-'.$group["group_id"] .'">' . $group["group_icon"] . $group["group_name"] . '</div>
<div class="site-list">';
//输出分组图标和标题
if ($link_num == 0) {
echo ' <div class="list kongs"></div>
<div class="list kongs"></div>
<div class="list kongs"></div>
<div class="list kongs"></div>' . "</div>";
$i = 0;
continue;
}
while ($link = $DB->fetch($group_links)) {
// 循环每个链接
// 返回指定分组下的所有字段
$lpwd = true;
if ($link_num > $i) {
$i = $i + 1;
if(!empty($group['group_pwd'])&&!empty($link['link_pwd'])){
//分组和链接同时加密
//忽略链接加密正常显示分组
}
else if(!in_array($link['link_pwd'],$_SESSION['list'])&&!empty($link['link_pwd'])){
//当前链接加密
$lpwd = false;
}
if($link["link_status"]!="0" && $lpwd ){
echo "\n" . '
<div class="list urllist" id="id_' . $link["id"] . '" data-id="' . $link["id"] . '" data-url="' . $link["url"] . '">
<a rel="nofollow" href="' . $link["url"] . '" target="_blank">';
if ($link["icon"] == '') {
echo '<img src="/assets/img/default-icon.png" alt="默认' . $link["name"] . '" />';
} else if (!preg_match("/^<svg*/", $link["icon"])) {
echo '<img src="' . $link["icon"] . '" alt="' . $link["name"] . '" />';
} else {
echo $link["icon"];
}
echo '<p class="name">'. $link["name"] . '</p><p class="desc"></p></a></div>';
}
}
if ($link_num == $i) { 'l1' => '<div class="list urllist" id="id_{link_id}" data-id="{link_id}" data-url="{link_url}">', //链接开始标签
//判断当前分组链接循环完毕 'l2' => '<a rel="nofollow" href="{link_url}" target="_blank">{link_icon}', //链接内容
echo ' <div class="list kongs"></div> 'l3' => '<p class="name">{link_name}</p><p class="desc"></p></a></div>', //链接结束标签
<div class="list kongs"></div> );
<div class="list kongs"></div> lists($html);
<div class="list kongs"></div>' . "\n</div>";
//输出分类结束标签
$i = 0;
break;
//重置$i为0跳出当前循环
}
}
}
$DB->close();
?> ?>

4
template/baisu/theme.ini
View File

@ -1,4 +1,4 @@
主题说明：<br>baisu主题基于<a href="https://gitee.com/baisucode/baisu-two" target="_blank">baisuTwo</a>开发<br> 主题说明：<br>baisu主题基于<a href="https://gitee.com/baisucode/baisu-two" target="_blank">baisuTwo</a>开发<br>
原作者：<a href="https://gitee.com/baisucode" target="_blank">baisu</a><br> 原作者：<a href="https://gitee.com/baisucode" target="_blank">baisu</a>
二开：<a href="https://gitee.com/lylme" target="_blank">六零</a>
<p>提示：该主题不支持网站背景图片，背景图片显示在时间模块<br>若时间区域显示的背景不达预期请自定义CSS添加!important 对图片裁剪 <a href="https://doc.lylme.com/spage/#/%E4%B8%BB%E9%A2%98?id=baisu" target="_blank">查看</a></p> <p>提示：该主题不支持网站背景图片，背景图片显示在时间模块<br>若时间区域显示的背景不达预期请自定义CSS添加!important 对图片裁剪 <a href="https://doc.lylme.com/spage/#/%E4%B8%BB%E9%A2%98?id=baisu" target="_blank">查看</a></p>
<p>若不需要时间区域图片显示可以在后台清空背景设置并使用CSS自定义背景颜色</p>

6
template/default/css/style.css
View File

@ -17,7 +17,7 @@ svg.icon{width:14px;height:14px;margin:0 5px 0 8px;vertical-align:-0.15em;fill:c
.navbar-light .navbar-nav .nav-link{color:#fff !important;font-size:16px;font-weight:bold;text-shadow:0px 1px 0px #000} .navbar-light .navbar-nav .nav-link{color:#fff !important;font-size:16px;font-weight:bold;text-shadow:0px 1px 0px #000}
#search{width:100%;margin:0;padding:0 0 10px;position:relative;z-index:2000;border-radius:5px} #search{width:100%;margin:0;padding:0 0 10px;position:relative;z-index:2000;border-radius:5px}
#search form{position:relative;margin-top:15px} #search form{position:relative;margin-top:15px}
#search-text{width:100%;height:50px;line-height:50px;text-indent:10px;font-size:16px;border-radius:10px;background-color:#fff;border:1px solid #c4c7ce;box-shadow:0 0.5rem 0.625rem #d4d4d44d;transition:0.3s all linear;padding-left:20px} #search-text{width:100%;height:50px;line-height:50px;text-indent:10px;font-size:16px;border-radius:10px;background-color:#fff;border:1px solid #fff;/*box-shadow:0 0.5rem 0.625rem #d4d4d44d;*/transition:0.3s all linear;padding-left:20px}
#search-text:focus{border:1px solid #4e6ef2} #search-text:focus{border:1px solid #4e6ef2}
#search-text:hover{border:1px solid #a7aab5} #search-text:hover{border:1px solid #a7aab5}
#search button{position:absolute;top:0;right:0;background:none;border:0;border-radius:20px;width:auto;height:50px;border-radius:0 10px 10px 0;outline:none;background-color:#4e6ef2} #search button{position:absolute;top:0;right:0;background:none;border:0;border-radius:20px;width:auto;height:50px;border-radius:0 10px 10px 0;outline:none;background-color:#4e6ef2}
@ -52,13 +52,13 @@ svg.icon{width:14px;height:14px;margin:0 5px 0 8px;vertical-align:-0.15em;fill:c
.set-check label{margin-left:3px} .set-check label{margin-left:3px}
.set-check input,.set-check label{opacity:0;transition:all .3s ease} .set-check input,.set-check label{opacity:0;transition:all .3s ease}
.search-type li{height:50px;line-height:50px;list-style:none;display:inline-block;border-radius:10px} .search-type li{height:50px;line-height:50px;list-style:none;display:inline-block;border-radius:10px}
.mylist{list-style:none;padding:10px 20px;position:relative;z-index:1000;margin:20px 0;border-radius:15px;background:#fff;box-shadow:0 0.5rem 0.625rem #d4d4d44d} .mylist{list-style:none;padding:10px 20px;position:relative;z-index:1000;margin:20px 0;border-radius:15px;background:#ffffffe6;/*backdrop-filter: blur(10px);*/box-shadow:0 0.5rem 0.625rem #d4d4d44d}
.mylist li.col-3{width:100px;transition:0.3s all linear;font-size:14px;overflow:hidden;padding:10px 0;border-radius:10px} .mylist li.col-3{width:100px;transition:0.3s all linear;font-size:14px;overflow:hidden;padding:10px 0;border-radius:10px}
.mylist li.col-3 svg{display:block;width:45px;height:45px;padding:8px;background:#fff;border:1px solid #eee;border-radius:10px;margin:0 auto} .mylist li.col-3 svg{display:block;width:45px;height:45px;padding:8px;background:#fff;border:1px solid #eee;border-radius:10px;margin:0 auto}
.mylist li.col-3:hover{background:#eee} .mylist li.col-3:hover{background:#eee}
.mylist li.col-3 span{width:100%;height:26px;line-height:26px;text-align:center;font-size:13px;word-break:break-all;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden} .mylist li.col-3 span{width:100%;height:26px;line-height:26px;text-align:center;font-size:13px;word-break:break-all;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
.mylist li a{color:#555;display:block} .mylist li a{color:#555;display:block}
.mylist li.title{width:100%;min-width:auto;margin:0;height:35px;font-size:16px;line-height:33px;padding:0 20px 0 10px;border-bottom:1px solid #eee;margin-bottom:10px} .mylist li.title{width:100%;min-width:auto;margin:0;height:35px;font-size:16px;line-height:33px;padding:0 20px 0 10px;/*border-bottom:1px solid #eee;*/margin-bottom:10px}
.banner-video{position:absolute;width:100%;overflow:hidden;left:0;top:0;height:100vh} .banner-video{position:absolute;width:100%;overflow:hidden;left:0;top:0;height:100vh}
.banner-video video{width:2048px;float:left} .banner-video video{width:2048px;float:left}
.banner-video img{object-fit:cover;width:100%;height:100vh} .banner-video img{object-fit:cover;width:100%;height:100vh}

2
template/default/css/tag.css
View File

@ -1,7 +1,7 @@
.box{margin:40px 0;position:fixed;z-index:1000} .box{margin:40px 0;position:fixed;z-index:1000}
.change-type{min-width:40px;min-height:160px;position:absolute;z-index:99;left:0;top:0;display:flex} .change-type{min-width:40px;min-height:160px;position:absolute;z-index:99;left:0;top:0;display:flex}
.change-type .type-left{width:0;background:#fff;height:100%;box-shadow:0 2px 12px 0 rgb(0 0 0 / 50%);border-bottom-right-radius:5px;border-top-right-radius:5px;margin-left:-40px;overflow:hidden;transition:width 0.4s;-moz-transition:width 0.4s;-webkit-transition:width 0.4s;-o-transition:width 0.4s} .change-type .type-left{width:0;background:#fff;height:100%;box-shadow:0 2px 12px 0 rgb(0 0 0 / 50%);border-bottom-right-radius:5px;border-top-right-radius:5px;margin-left:-40px;overflow:hidden;transition:width 0.4s;-moz-transition:width 0.4s;-webkit-transition:width 0.4s;-o-transition:width 0.4s}
.change-type .showListType{width:130px;transition:width 0.4s;-moz-transition:width 0.4s;-webkit-transition:width 0.4s;-o-transition:width 0.4s} .change-type .showListType{width:150px;transition:width 0.4s;-moz-transition:width 0.4s;-webkit-transition:width 0.4s;-o-transition:width 0.4s}
.change-type .type-left ul{margin-bottom:0px} .change-type .type-left ul{margin-bottom:0px}
.change-type .type-left ul li{line-height:40px;height:40px;text-align:left;width:100%;position:relative;cursor:pointer;list-style:none} .change-type .type-left ul li{line-height:40px;height:40px;text-align:left;width:100%;position:relative;cursor:pointer;list-style:none}
.change-type .type-left ul li a{display:block;height:100%;position:absolute;left:0;top:0;z-index:9;padding-left:15px;overflow:hidden;width:calc(100% - 17px);color:#333;font-size:14px;border-left:2px solid #26778d} .change-type .type-left ul li a{display:block;height:100%;position:absolute;left:0;top:0;z-index:9;padding-left:15px;overflow:hidden;width:calc(100% - 17px);color:#333;font-size:14px;border-left:2px solid #26778d}

2
template/default/footer.php
View File

@ -1,6 +1,6 @@
<?php if(basename($_SERVER['PHP_SELF']) == basename(__FILE__)) header("Location:/"); ?> <?php if(basename($_SERVER['PHP_SELF']) == basename(__FILE__)) header("Location:/"); ?>
<script src="https://lf6-cdn-tos.bytecdntp.com/cdn/expire-1-M/bootstrap/4.5.3/js/bootstrap.min.js" type="application/javascript"></script> <script src="https://lf6-cdn-tos.bytecdntp.com/cdn/expire-1-M/bootstrap/4.5.3/js/bootstrap.min.js" type="application/javascript"></script>
<script src="<?php echo $templatepath;?>/js/script.js?v=20220512"></script> <script src="<?php echo $templatepath;?>/js/script.js?v=20220611"></script>
<script src="<?php echo $cdnpublic ?>/assets/js/svg.js"></script> <script src="<?php echo $cdnpublic ?>/assets/js/svg.js"></script>
<div style="display:none;" class="back-to" id="toolBackTop"> <div style="display:none;" class="back-to" id="toolBackTop">
<a title="返回顶部" onclick="window.scrollTo(0,0);return false;" href="#top" class="back-top"></a> <a title="返回顶部" onclick="window.scrollTo(0,0);return false;" href="#top" class="back-top"></a>

49
template/default/index.php
View File

@ -17,12 +17,12 @@
<meta name="x5-fullscreen" content="true"> <meta name="x5-fullscreen" content="true">
<meta name="x5-page-mode" content="app"> <meta name="x5-page-mode" content="app">
<meta name="lsvn" content="<?php echo base64_encode($conf['version'])?>"> <meta name="lsvn" content="<?php echo base64_encode($conf['version'])?>">
<script src="https://lf3-cdn-tos.bytecdntp.com/cdn/expire-2-M/jquery/3.5.1/jquery.min.js" type="application/javascript"></script> <script src="https://lf6-cdn-tos.bytecdntp.com/cdn/expire-2-M/jquery/3.5.1/jquery.min.js" type="application/javascript"></script>
<link href="https://lf26-cdn-tos.bytecdntp.com/cdn/expire-1-M/bootstrap/4.5.3/css/bootstrap.min.css" type="text/css" rel="stylesheet"> <link href="https://lf6-cdn-tos.bytecdntp.com/cdn/expire-1-M/bootstrap/4.5.3/css/bootstrap.min.css" type="text/css" rel="stylesheet">
<link rel="stylesheet" href="<?php echo $cdnpublic ?>/assets/css/fontawesome-free5.13.0.css" type="text/css"> <link rel="stylesheet" href="<?php echo $cdnpublic ?>/assets/css/fontawesome-free5.13.0.css" type="text/css">
<link rel="stylesheet" href="<?php echo $templatepath;?>/css/style.css?v=20220512" type="text/css"> <link rel="stylesheet" href="<?php echo $templatepath;?>/css/style.css?v=20220611" type="text/css">
<link rel="stylesheet" href="<?php echo $templatepath;?>/css/font.css" type="text/css"> <link rel="stylesheet" href="<?php echo $templatepath;?>/css/font.css" type="text/css">
<link rel="stylesheet" href="<?php echo $templatepath;?>/css/tag.css" type="text/css"> <link rel="stylesheet" href="<?php echo $templatepath;?>/css/tag.css?v=20220611" type="text/css">
</head> </head>
<body onload="FocusOnInput()"><div class="banner-video"> <body onload="FocusOnInput()"><div class="banner-video">
<?php if(!empty(background())){ echo '<img src="'.background().'">';}?> <?php if(!empty(background())){ echo '<img src="'.background().'">';}?>
@ -33,7 +33,7 @@
<div class="box"> <div class="box">
<div class="change-type"> <div class="change-type">
<div class="type-left" :class="showType == true ? 'showListType':''"> <div class="type-left" id="type-left">
<ul> <ul>
<li data-lylme="search"><a>搜索</a><span></span></li> <li data-lylme="search"><a>搜索</a><span></span></li>
<?php <?php
@ -49,28 +49,11 @@ while ($group = $DB->fetch($groups)) { //循环所有分组
</div> </div>
</div> </div>
<script>
$(function(){
$('.type-right').click(function(){
$('.type-left').toggleClass('showListType')
});
$('.type-left ul li').click(function(){
$(this).addClass('active').siblings('li').removeClass('active');
$('.type-left').toggleClass('showListType');
var lylme_tag = '#'+$(this).attr("data-lylme");
$('html,body').animate({scrollTop:$(lylme_tag).offset().top},500);
})
})
</script>
<!--topbar开始--> <!--topbar开始-->
<nav class="navbar navbar-expand-lg navbar-light fixed-top" style="position: absolute; z-index: 10000;"> <nav class="navbar navbar-expand-lg navbar-light fixed-top" style="position: absolute; z-index: 10000;">
<!--<a class="navbar-brand" href="/"><img src="./assets/img/logo.png" height="25" title="六零起始页"></a>--> <!--<a class="navbar-brand" href="/"><img src="./assets/img/logo.png" height="25" title="LyLme_Spage"></a>-->
<button class="navbar-toggler collapsed" style="border: none; outline: none;"type="button" data-toggle="collapse" data-target="#navbarsExample05" aria-controls="navbarsExample05" aria-expanded="false" aria-label="Toggle navigation"> <button class="navbar-toggler collapsed" style="border: none; outline: none;"type="button" data-toggle="collapse" data-target="#navbarsExample05" aria-controls="navbarsExample05" aria-expanded="false" aria-label="Toggle navigation">
<svg class="icon" width="200" height="200"><use xlink:href="#icon-menus"></use></svg> <svg class="icon" width="200" height="200"><use xlink:href="#icon-menus"></use></svg>
<span><svg class="bi bi-x" fill="currentColor" id="x"><use xlink:href="#icon-closes"></use></svg><span>
</button> </button>
<div class="type-right" > <div class="type-right" >
@ -105,23 +88,11 @@ if ($conf['tq'] != 'false') {
<!--topbar结束--> <!--topbar结束-->
<div class="container" style="margin-top:10vh; position: relative; z-index: 100;"> <div class="container" style="margin-top:10vh; position: relative; z-index: 100;">
<?php <?php
echo $conf['home-title'] ?> echo $conf['home-title'];
if ($conf['yan']) {
<?php echo '<p class="content">' . yan().'</p>';
if ($conf['yan'] != 'false') {
$filename = './assets/data/data.dat'; //随机一言文件路径
if (file_exists($filename)) {
$data = explode(PHP_EOL, file_get_contents($filename));
$result = str_replace(array(
"\r",
"\n",
"\r\n"
) , '', $data[array_rand($data) ]);
echo '<p class="content">' . $result;
}
} }
?> ?>
</p>
<!--搜索开始--> <!--搜索开始-->
<div id="search" class="s-search"> <div id="search" class="s-search">
<div id="search-list" class="hide-type-list"> <div id="search-list" class="hide-type-list">
@ -133,7 +104,7 @@ while ($soulist = $DB->fetch($soulists)) {
if ($soulist["sou_st"] == 1) { if ($soulist["sou_st"] == 1) {
echo ' <li> echo ' <li>
<input hidden="" checked="" type="radio" name="type" id="type-' . $soulist["sou_alias"] . '" value="'; <input hidden="" checked="" type="radio" name="type" id="type-' . $soulist["sou_alias"] . '" value="';
if (checkmobile()&& $soulist["sou_waplink"] != NULL) { if (checkmobile()&& !empty($soulist["sou_waplink"])) {
echo $soulist["sou_waplink"]; echo $soulist["sou_waplink"];
} else { } else {
echo $soulist["sou_link"]; echo $soulist["sou_link"];

35
template/default/js/script.js
View File

@ -54,15 +54,36 @@ $(function() {
$('#word').empty(); $('#word').empty();
$('#word').hide(); $('#word').hide();
}) })
}) })
//点击空白处关闭导航
$(document).mouseup(function(e){ $(function(){
var _con = $('.type-left'); $('.type-right').click(function(e){
if(!_con.is(e.target) && _con.has(e.target).length === 0){ // Mark 1 $('#type-left').toggleClass('showListType');
_con.toggleClass('showListType',false) e.stopPropagation(); //阻止冒泡
});
$(document).click(function(e){
var con = $('.type-left');
if(!con.is(e.target)){
con.toggleClass('showListType',false);
} }
}); });
$(document).click(function(e){
var con = $('.collapse');
if(!con.is(e.target)){
con.toggleClass('show',false);
}
});
$('.type-left ul li').click(function(){
$(this).addClass('active').siblings('li').removeClass('active');
$('.type-left').toggleClass('showListType');
var lylme_tag = '#'+$(this).attr("data-lylme");
$('html,body').animate({scrollTop:$(lylme_tag).offset().top},500);
})
})
//点击空白处关闭导航
//显示日期和时间 //显示日期和时间
function show() { function show() {
@ -156,4 +177,4 @@ function() {
}(); }();
//返回顶部 //返回顶部
(function(a){a.fn.scrollToTop=function(c){var d={speed:800};c&&a.extend(d,{speed:c});return this.each(function(){var b=a(this);a(window).scroll(function(){100<a(this).scrollTop()?b.fadeIn():b.fadeOut()});b.click(function(b){b.preventDefault();a("body, html").animate({scrollTop:0},d.speed)})})}})(jQuery);$(function(){ahtml='<a href="javascript:void(0)" id="toTop" style="display:none;position:fixed;bottom:66px;right:10px;width:45px;height:45px;border-radius:50%;overflow:hidden;background-image:url(\'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAWBAMAAADZWBo2AAAALVBMVEUAAAB5eXl5eXl5eXl5eXl5eXl5eXl5eXl5eXl5eXl5eXl5eXl5eXl5eXl5eXl4rtNiAAAADnRSTlMARHe7Zu7dMxGIIqqZzHSj3DwAAAB/SURBVBjTYwADPgYk8OABgs2HLPUAjBA6+JAk4FJ8UJLqYLKxsQNTXhIDs/GWBoZCPcEFeop6CnyKvhMYGOQYGJIYmBL4BBgfgDjsrxi4nvMJsCSAOCChh3yHjjqAZV4wcDznO6TFANYTwsASwCfAAOFMFRCdAOd0v3vdAOIAANnHHKk0/kXuAAAAAElFTkSuQmCC\');background-repeat:no-repeat;background-position:center;z-index:999;cursor:pointer;border:1px solid #d8d8d8;box-sizing:border-box;opacity:0.9;"></a>';$("body").append(ahtml);$("#toTop").scrollToTop(300);}); (function(a){a.fn.scrollToTop=function(c){var d={speed:800};c&&a.extend(d,{speed:c});return this.each(function(){var b=a(this);a(window).scroll(function(){100<a(this).scrollTop()?b.fadeIn():b.fadeOut()});b.click(function(b){b.preventDefault();a("body, html").animate({scrollTop:0},d.speed)})})}})(jQuery);$(function(){ahtml='<a href="javascript:void(0)" id="toTop" style="display:none;position:fixed;bottom:66px;right:10px;width:48px;height:48px;background-image:url(\'data:image/svg+xml;base64,PHN2ZyB0PSIxNjU0OTM5MTkxNTY0IiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjEyMTgiIHdpZHRoPSI0OCIgaGVpZ2h0PSI0OCI+PHBhdGggZD0iTTUxMyAxMDMuN2MtMjI2LjEgMC00MDkuNCAxODMuMy00MDkuNCA0MDkuNFMyODYuOSA5MjIuNiA1MTMgOTIyLjZzNDA5LjQtMTgzLjMgNDA5LjQtNDA5LjRTNzM5LjEgMTAzLjcgNTEzIDEwMy43eiBtMTUzLjUgMzY0LjdjLTUuMiA1LjMtMTIuMSA3LjktMTkgNy45cy0xMy44LTIuNi0xOS03LjlMNTQ1LjEgMzg1YzAgMC40IDAuMSAwLjcgMC4xIDEuMVY3MDVjMCAxMS4xLTUuNyAyMC45LTE0LjQgMjYuNi00LjcgNC4yLTEwLjkgNi43LTE3LjcgNi43LTYuOCAwLTEzLTIuNS0xNy43LTYuNy04LjctNS43LTE0LjQtMTUuNS0xNC40LTI2LjZWMzg2LjFjMC0wLjQgMC0wLjcgMC4xLTEuMWwtODMuNCA4My40Yy0xMC41IDEwLjUtMjcuNSAxMC41LTM4IDBzLTEwLjUtMjcuNSAwLTM4TDQ5NCAyOTUuOWMxMC41LTEwLjUgMjcuNS0xMC41IDM4IDBsMTM0LjUgMTM0LjVjMTAuNSAxMC40IDEwLjUgMjcuNSAwIDM4eiIgZmlsbD0iIzE1NzJlZiIgcC1pZD0iMTIxOSI+PC9wYXRoPjwvc3ZnPg==\');z-index:999;opacity:0.9;"></a>';$("body").append(ahtml);$("#toTop").scrollToTop(300);});

73
template/default/list.php
View File

@ -1,66 +1,13 @@
<?php <?php
// +----------------------------------------------------------+ // 主题开发文档：https://doc.lylme.com/dev/theme
// | LyLme Spage | $html= array(
// +----------------------------------------------------------+ 'g1' => '<ul class="mylist row">', //分组开始标签
// | Copyright (c) 2022 LyLme | 'g2' => '<li id="group_{group_id}" class="title">{group_icon}<sapn>{group_name}</sapn></li>', //分组内容
// +----------------------------------------------------------+ 'g3' => '</ul>', //分组结束标签
// | File: list.php |
// +----------------------------------------------------------+
// | Authors: LyLme <admin@lylme.com> |
// | date: 2022-3-12 |
// +----------------------------------------------------------+
$groups = $DB->query("SELECT * FROM `lylme_groups` ORDER BY `group_order` ASC"); // 获取分类
$i = 0; //设置起始
while ($group = $DB->fetch($groups)) { //循环所有分组
if($group["group_status"]=='0'){continue;}
if(!in_array($group['group_pwd'],$_SESSION['list'])&&!empty($group['group_pwd'])){
//如果 分组加密未在认证列表 并且分组设置了密码(不显示分组)
continue;
}
$sql = "SELECT * FROM `lylme_links` WHERE `group_id` = " . $group['group_id']." ORDER BY `link_order` ASC;";
$group_links = $DB->query($sql);
$link_num = $DB->num_rows($group_links); // 获取返回字段条目数量
echo '<ul class="mylist row"><li id="group_' . $group["group_id"] . '" class="title">' . $group["group_icon"] . '<sapn>' . $group["group_name"] . '</sapn></li>'; //输出分组图标和标题
if ($link_num == 0) {
echo '</ul>' . "\n";
$i = 0;
continue;
}
while ($link = $DB->fetch($group_links)) {
// 循环每个链接
// 返回指定分组下的所有字段
$lpwd = true;
if ($link_num > $i) {
$i = $i + 1;
if(!empty($group['group_pwd'])&&!empty($link['link_pwd'])){
//分组和链接同时加密
//忽略链接加密正常显示分组
}
else if(!in_array($link['link_pwd'],$_SESSION['list'])&&!empty($link['link_pwd'])){
//当前链接加密
$lpwd = false;
}
if($link["link_status"]!="0" && $lpwd ){
echo "\n" . '<li class="col-3 col-sm-3 col-md-3 col-lg-1"><a rel="nofollow" href="' . $link["url"] . '" target="_blank">';
if ($link["icon"] == '') {
echo '<img src="/assets/img/default-icon.png" alt="默认' . $link["name"] . '" />';
} else if (!preg_match("/^<svg*/", $link["icon"])) {
echo '<img src="' . $link["icon"] . '" alt="' . $link["name"] . '" />';
} else {
echo $link["icon"];
}
echo '<span>' . $link["name"] . '</span></a></li>';
//输出图标和链接
}
}
if ($link_num == $i) {
//判断当前分组链接循环完毕
echo '</ul>' . "\n"; //输出分类结束标签
$i = 0;
break; //重置$i为0跳出当前循环
} 'l1' => '<li class="col-3 col-sm-3 col-md-3 col-lg-1">', //链接开始标签
} 'l2' => '<a rel="nofollow" href="{link_url}" target="_blank">{link_icon}<span>{link_name}</span></a>', //链接内容
} 'l3' => '</li>', //链接结束标签
$DB->close(); );
lists($html);
?> ?>

72
template/lylme/list.php
View File

@ -1,65 +1,13 @@
<?php <?php
// +----------------------------------------------------------+ // 主题开发文档：https://doc.lylme.com/dev/theme
// | LyLme Spage | $html= array(
// +----------------------------------------------------------+ 'g1' => '<ul class="mylist row">', //分组开始标签
// | Copyright (c) 2022 LyLme | 'g2' => '<li class="title">{group_icon}<sapn>{group_name}</sapn></li>', //分组内容
// +----------------------------------------------------------+ 'g3' => '</ul>', //分组结束标签
// | File: list.php |
// +----------------------------------------------------------+
// | Authors: LyLme <admin@lylme.com> |
// | date: 2022-3-12 |
// +----------------------------------------------------------+
$groups = $DB->query("SELECT * FROM `lylme_groups` ORDER BY `group_order` ASC"); // 获取分类
$i = 0;
while ($group = $DB->fetch($groups)) { //循环所有分组
if($group["group_status"]=='0'){continue;}
if(!in_array($group['group_pwd'],$_SESSION['list'])&&!empty($group['group_pwd'])){
//如果 分组加密未在认证列表 并且分组设置了密码(不显示分组)
continue;
}
$sql = "SELECT * FROM `lylme_links` WHERE `group_id` = " . $group['group_id']." ORDER BY `link_order` ASC;";
$group_links = $DB->query($sql);
$link_num = $DB->num_rows($group_links); // 获取返回字段条目数量
echo '<ul class="mylist row"><li class="title">' . $group["group_icon"] . '<sapn>' . $group["group_name"] . '</sapn></li>'; //输出分组图标和标题
if ($link_num == 0) {
echo '</ul>' . "\n";
$i = 0;
continue;
}
while ($link = $DB->fetch($group_links)) { // 循环每个链接
// 返回指定分组下的所有字段
$lpwd = true;
if ($link_num > $i) {
$i = $i + 1;
if(!empty($group['group_pwd'])&&!empty($link['link_pwd'])){
//分组和链接同时加密
//忽略链接加密正常显示分组
}
else if(!in_array($link['link_pwd'],$_SESSION['list'])&&!empty($link['link_pwd'])){
//当前链接加密
$lpwd = false;
}
if($link["link_status"]!="0" && $lpwd ){
echo "\n" . '<li class="lylme-3"><a rel="nofollow" href="' . $link["url"] . '" target="_blank">';
if ($link["icon"] == '') {
echo '<img src="/assets/img/default-icon.png" alt="默认' . $link["name"] . '" />';
} else if (!preg_match("/^<svg*/", $link["icon"])) {
echo '<img src="' . $link["icon"] . '" alt="' . $link["name"] . '" />';
} else {
echo $link["icon"];
}
echo '<span>' . $link["name"] . '</span></a></li>';
}
//输出图标和链接
}
if ($link_num == $i) {
//判断当前分组链接循环完毕
echo '</ul>' . "\n"; //输出分类结束标签
$i = 0;
break; //重置$i为0跳出当前循环
} 'l1' => '<li class="lylme-3">', //链接开始标签
} 'l2' => '<a rel="nofollow" href="{link_url}" target="_blank">{link_icon}<span>{link_name}</span></a>', //链接内容
} 'l3' => '</li>', //链接结束标签
$DB->close(); );
lists($html);
?> ?>