diff --git a/template/README.md b/template/README.md index 5463b95..5f3fd97 100644 --- a/template/README.md +++ b/template/README.md @@ -1,37 +1 @@ -## 模板说明 - -#### default - - **主题说明:** 基于`5iux.github.io`开发 - - **二开说明:** - -- 增加对六零导航页的适配 -- 修改部分css -- 增加输入框焦点 -- 增加返回顶部 -- 优化部分内容 - - **演示截图:** - - - ------- - -#### 5iux - - **作者:** D.Young - -**项目地址:** https://github.com/5iux/sou - -**二开说明:** - -- 增加对六零导航页的适配 -- 支持记住上次使用的搜索引擎 -- 优化部分内容 - - - -#### lylme - -**作者:** 六零 \ No newline at end of file +**模板目录** \ No newline at end of file diff --git a/template/baisu/README.md b/template/baisu/README.md new file mode 100644 index 0000000..f30b870 --- /dev/null +++ b/template/baisu/README.md @@ -0,0 +1,35 @@ +# 六零导航页baisu主题 +六零导航页(LyLme Spage)`baisu`主题,基于[baisuTwo](https://gitee.com/LyLme/baisu-two)开发 + +## 注意 + +**该项目为主题模板文件,不支持直接使用,请前往[LyLme_Spage](https://gitee.com/LyLme/lylme_spage)载安装完整项目源码搭建** + +## 截图 + +**baisu主题PC端截图** + + + + + +**baisu主题手机端截图** + + + + + +## 天气插件 + +天气插件采用的是【和风天气】的标准版天气插件,可无限制免费试用,需要先注册和风天气账号, +[和风天气账号注册](https://id.qweather.com/#/register); +[和风天气创建插件页面](https://widget.qweather.com/create-standard) +插件 选择【横版】、【款:240px】、【高:180px】;否则会出现样式偏移的问题。其他条件任选。 +生成代码后 除第一行`
`外,其他代码复制到主题文件夹下`index.php`底部对应位置即可。 + +## 相关链接 + +* [OneNav官网](https://nav.rss.ink/) +* [onenav作者](https://www.xiaoz.me/) +* [baisuTwo](https://gitee.com/LyLme/baisu-two) +* [LyLme_Spage](https://gitee.com/LyLme/lylme_spage) \ No newline at end of file diff --git a/template/baisu/css/style.css b/template/baisu/css/style.css new file mode 100644 index 0000000..286cb0e --- /dev/null +++ b/template/baisu/css/style.css @@ -0,0 +1,1020 @@ +/*百素(1099116749@qq.com)*/ +/* +修改内容 +.footer +.search-main .search-input input.kw +.search-main button.search-btn +.search-main .search-input input.kw +.search-main .search-btnlist .search-lists .list img +.search-main button.search-btn img +.search-main .search-input +.search-main-w .date-main +.index-nav .type-list .list +.index-nav .type-list .list a +.index-nav .logo a +.search-main-w +.search-main +.tool-list .list +.site-main .site-list .list +.m-header .logo (max-width:1200px) +.m-header .navbar(max-width:1200px) +.search-main-w(max-width:1200px) +#he-plugin-standard(max-width:1200px) +.search-main .search-btnlist .search-lists(max-width:1200px) +新增: +.m-header .logo a(max-width:1200px) +.wv-n-h-now-rain +p.content +#word +#word li +六零(admin@lylme.com) +*/ +#word{ + width: 60%; + justify-content: space-between; + align-items: center; + flex-wrap: wrap; + position: absolute; + top: 290px; + background-color: #FFFFFF; + padding: 12px; + border-radius: 6px; + z-index: 100; + box-shadow: 0px 0px 1px #999; +} +#word li{ + margin: 10px; + padding: 5px; + width: 100%; + cursor:pointer; +} +p.content { + text-align:center; + color:#999; + font-family:cursive; + font-size:15px; + margin:15px; +} +.urllist img,.urllist svg,.site-name svg { + width:24px; + height:20px; + margin:auto 15px auto 0px; +} +.list svg.icon,.list img { + width:22px; + height:22px; + margin-right:10px; +} +* { + padding:0; + margin:0; + /*font-family:Arial,'PingFang SC',SimHei,SimSun; + */ + box-sizing:border-box; + font-size:14px; +} +input:focus { + outline:none; +} +textarea:focus { + outline:none; +} +input { + }body { + background-color:#f5f6fa; +} +img { + border:none; +} +li { + list-style:none; +} +h1,h2,h3,h4,h5,h6 { + font-weight:normal; +} +a { + color:inherit; + text-decoration:none; +} +.cl { + clear:both; +} +.kongs,.kongs:hover { + height:0 !important; + margin:0 !important; + padding:0 !important; + border:none !important; + background-color:transparent !important; + box-shadow:none !important; +} +/**/ + +.index-nav { + width:240px; + height:100vh; + background-color:#FFFFFF; + padding:20px 5px 100px 0px; + box-shadow:1px 0px 5px 0 #eeeeee; + position:fixed; + top:0; + bottom:0; + left:0; + z-index:9; +} +.index-nav .logo { + width:100%; + margin-bottom:30px; +} +.index-nav .logo a { + display:block; + font-weight:bold; + font-size:24px; + height:30px; + margin:25px; +} +.m-header .logo a { + font-size:18px; + font-weight:bold; + line-height:2; +} +.index-nav .logo img { + display:block; + height:100%; + margin:auto; +} +.index-nav .type-list { + height:calc(100% - 60px); + padding:0 25px 100px; + overflow:auto; +} +/* 整个滚动条 */ + +.index-nav .type-list::-webkit-scrollbar { + width:6px; + background-color:transparent; +} +/* 滚动条上的按钮 (上下箭头). */ + +.index-nav .type-list::-webkit-scrollbar-button { + height:0px; + width:0px; +} +/* 滚动条上的滚动滑块. */ + +.index-nav .type-list::-webkit-scrollbar-thumb { + background-color:#64a15e; + border-radius:50px; +} +/* 滚动条轨道. */ + +.index-nav .type-list::-webkit-scrollbar-track { + background-color:transparent; +} +/* 滚动条没有滑块的轨道部分 */ + +.index-nav .type-list::-webkit-scrollbar-track-piece { + background-color:transparent; +} +.index-nav .type-list .list { + display:flex; + justify-content:flex-start; + align-items:center; + margin-bottom:3px; + line-height:42px; + transition:0.3s all; + overflow:hidden; +} +.index-nav .type-list .list a { + width:100%; + display:flex; + justify-content:flex-start; + align-items:center; + font-size:14px; + font-weight:bold; + padding:0 10px; + border-radius:5px; + color:#3a3a3a; + transition:0.3s all; +} +.index-nav .type-list .list a i { + display:block; + margin-right:6px; + font-size:22px; +} +.index-nav .type-list .list span { + display:block; + width:0; + overflow:hidden; + text-align:center; + background-color:#477975; + cursor:pointer; + border-radius:0px 5px 5px 0px; + color:#FFFFFF; + transition:0.3s all; +} +.index-nav .type-list .list span i { + display:block; + font-size:18px; + transition:0.3s all; +} +.index-nav .type-list .list:hover a { + background-color:#00a2fda6; + color:#FFFFFF; + transition:0.3s all; +} +.index-nav .type-list .list:hover span { + width:20%; + transition:0.3s all; +} +.index-nav .user-info { + width:100%; + background-color:#ffffff; + padding:25px; + display:flex; + justify-content:flex-start; + align-items:center; + position:absolute; + bottom:0; + left:0; +} +.index-nav .user-info .pic { + display:block; + width:45px; + height:45px; + border-radius:100%; + overflow:hidden; +} +.index-nav .user-info .pic img { + display:block; + width:100%; + height:100%; +} +.index-nav .user-info .text { + padding-left:10px; +} +.index-nav .user-info .text p.t1 { + font-weight:bold; + color:#555555; + margin-bottom:5px; +} +.index-nav .user-info .text p.t2 { + color:#c2c2c2; +} +/**/ + +.index-main { + width:100%; + padding-left:260px; + padding-top:20px; + padding-right:20px; +} +.search { + width:100%; + display:none; + /*display:flex; + */ + justify-content:space-between; + align-items:center; +} +.search .list { + width:370px; + position:relative; +} +.search .list input.kw { + display:block; + width:100%; + height:40px; + padding:0 55px 0 25px; + border-radius:40px; + border:none; +} +.search .list button { + display:block; + height:40px; + width:50px; + background-color:transparent; + border:none; + position:absolute; + top:0; + bottom:0; + right:0; +} +.search .list button i { + display:block; + font-weight:bold; + font-size:16px; + color:#64a15e; +} +.search .addsite { + width:40px; + height:40px; + text-align:center; + line-height:40px; + background-color:#64a15e; + border-radius:6px; + cursor:pointer; +} +.search .addsite i { + display:block; + font-size:26px; + color:#FFFFFF; +} +/**/ + +.search-main-w { + width:100%; + /*height:180px; + */ + display:flex; + justify-content:space-between; + align-items:center; + /*margin-bottom:30px; + */ +} +.search-main { + /*width:calc(100% - 500px); + */ + height:100%; + display:flex; + padding-top:25px; + /*justify-content:center; + */ + align-items:center; + border-radius:6px; + background:none; +} +.search-main .search-input { + width:80%; + position:relative; +} +.search-main .search-input input.kw { + font-size:15px; + display:block; + width:100%; + height:50px; + padding:0 65px 0 25px; + border-radius:10px 0px 0px 10px; + border:1px solid #F2F2F2; +} +.search-main .search-input button.search-bendi { + display:block; + height:50px; + width:60px; + background-color:transparent; + border:none; + position:absolute; + top:0; + bottom:0; + right:0; +} +.search-main .search-input button.search-bendi i { + display:block; + font-weight:bold; + font-size:20px; + color:#64a15e; +} +.search-main .search-btnlist { + display:flex; + justify-content:center; + align-items:center; + position:relative; +} +.search-main button.search-btn { + width:auto; + min-width:120px; + height:50px; + border:none; + background-color:#ffffff; + color:#3a3a3a; + font-weight:bold; + font-size:15px; + display:flex; + justify-content:center; + align-items:center; + cursor:pointer; + border-left:2px solid #9c9fa712; +} +.search-main button.search-btn img,.search-main button.search-btn svg { + display:block; + width:25px; + height:25px; + border-radius:6px; + margin-right:6px; +} +.search-main button.search-btn i { + display:block; + margin-right:4px; + font-size:20px; + line-height:50px; +} +.search-main button.search-change { + width:30px; + height:50px; + text-align:center; + border:none; + border-radius:0px 10px 10px 0px; + background-color:#2C73D2; + color:#ffffff; + font-size:16px; + display:flex; + justify-content:center; + align-items:center; + cursor:pointer; +} +.search-main button.search-change i { + display:block; + font-size:16px; + line-height:50px; +} +.search-main .search-btnlist .search-lists { + width:390px; + display:flex; + justify-content:space-between; + align-items:center; + flex-wrap:wrap; + position:absolute; + top:60px; + right:0; + background-color:#FFFFFF; + padding:12px; + border-radius:6px; + z-index:100; + box-shadow:0px 0px 6px #000000; +} +.search-main .search-btnlist .search-lists.hide { + display:none; +} +.search-main .search-btnlist .search-lists .list { + width:33%; + line-height:40px; + padding:0 10px; + display:flex; + justify-content:flex-start; + align-items:center; + font-size:15px; + border-radius:6px; + cursor:pointer; + transition:0.3s all; +} +.search-main .search-btnlist .search-lists .list img,.search-main .search-btnlist .search-lists .list svg { + display:block; + width:20px; + height:20px; + margin-right:8px; + border-radius:6px; +} +.search-main .search-btnlist .search-lists .list:hover { + background-color:#64a15e; + color:#FFFFFF; + transition:0.3s all; +} +.search-main-w .date-main { + text-shadow:1px 1px 8px #504b4b; + width:49%; + height:180px; + background-color:#477975; + background-repeat:no-repeat; + background-position:initial; + background-size:cover; + border-radius:6px; + display:flex; + justify-content:center; + flex-direction:column; + transition:0.3s all; + position:relative; +} +div#he-plugin-standard { + width:49% !important; + height:180px !important; +} +.wv-n-h-now-rain { + bottom:10px !important; +} +.search-main-w .date-main .times { + width:100%; + display:block; + text-align:center; + color:#FFFFFF; + font-size:40px; + font-weight:bolder; + letter-spacing:2px; + margin-bottom:15px; + line-height:1; +} +.search-main-w .date-main .list { + width:100%; + align-items:center; + text-align:center; +} +.search-main-w .date-main span { + width:49%; + color:#FFFFFF; + font-size:16px; +} +.search-main-w .date-main span.dates { + width:100%; + display:block; + text-align:center; + margin-bottom:12px; + font-weight:bold; +} +.search-main-w .date-main span.weeks { + margin-left:15px; +} +.search-main-w .weather-main { + width:240px; + height:100%; + background-color:#01AAED; + border-radius:6px; + transition:0.3s all; +} +.site-main { + width:100%; + margin-top:30px; +} +.site-main .site-name { + display:flex; + justify-content:flex-start; + align-items:center; + align-self:center; + font-size:18px; + line-height:30px; + font-weight:bold; + margin-bottom:15px; +} +.site-main .site-name i { + display:block; + font-size:20px; + margin-right:8px; +} +.site-main .site-name span { + display:block; + height:25px; + width:25px; + line-height:25px; + text-align:center; + background-color:#64a15e; + border-radius:5px; + margin-left:8px; +} +.site-main .site-name span i { + color:#ffffff; + text-align:center; + font-size:14px; + margin-right:0; +} +.site-main .site-name.hidden { + display:none; +} +.site-main .site-list { + display:flex; + justify-content:space-between; + flex-wrap:wrap; +} +.site-main .site-list .list { + width:24%; + background-color:#ffffff; + border-radius:4px; + transition:0.3s all; + margin-bottom:15px; + position:relative; + display:flex; + justify-content:flex-start; + align-items:flex-start; +} +.site-main .site-list .list span { + display:block; + width:25px; + height:25px; + margin:auto; + text-align:center; + line-height:25px; + position:absolute; + top:0; + bottom:0; + right:0; +} +.site-main .site-list .list span i { + display:block; + color:#64a15e; + font-size:18px; +} +.site-main .site-list .list a { + display:flex; + flex-wrap:wrap; + justify-content:flex-start; + width:100%; + padding:0 5%; +} +.site-main .site-list .list p.name { + color:#666666; + font-weight:bold; + width: 60%; + overflow: hidden; + text-overflow: ellipsis; + position: relative; + padding-left: 5px; + font-size:15px; + line-height:44px; + white-space:nowrap; +} +.site-main .site-list .list p.name em { + width:18px; + height:18px; + display:block; + margin-right:10px; + border-radius:100%; + line-height:44px; +} +.site-main .site-list .list p.name img { + width:18px; + height:18px; + margin:auto; + position:absolute; + left:0; + top:0; + bottom:0; +} +.site-main .site-list .list .desc { + display:none; + width:100%; + font-size:13px; + padding-bottom:10px; + color:#666; + line-height:1.5; +} +.site-main .site-list .list:hover { + /*box-shadow:0px 0px 6px #333; + */ + background-color:#00a2fda6; + transition:0.3s all; +} +.site-main .site-list .list:hover p.name,.site-main .site-list .list:hover p.desc { + color:#ffffff; +} +.site-main .site-list .list.hidden { + display:none; +} +.site-main .site-list .list.visible { + display:flex; +} +/**/ + +footer { + width:100%; + padding-left:240px; + font-size:14px; + color:#666; + position:fixed; + bottom:10px; + left:0; + margin:auto; + text-align:center; + height:auto; + line-height:23px; + margin-top:30px; +} +footer a { + color:#666; +} +footer.show { + position:static; +} +footer a:hover { + color:#64a15e !important; +} +.tool-list { + position:fixed; + bottom:30px; + right:15px; + z-index:99; + width:45px; +} +.tool-list .list { + width:45px; + height:45px; + display:none; + background-color:#00a2fda6; + color:white; + text-align:center; + line-height:45px; + border-radius:6px; + cursor:pointer; + margin-top:12px; +} +.tool-list .list i { + font-size:20px; +} +.tool-list .addsite i { + font-size:24px; +} +/**/ + +.addsiteBox { + border-radius:6px !important; + overflow:hidden; +} +.addsite-main { + display:none; + padding-bottom:15px; + width:460px; + margin:auto; + background-color:#FFFFFF; + box-shadow:0px 0px 6px #ccc; + overflow:hidden; +} +.addsite-main .title { + background-color:#64a15e; + text-align:center; + line-height:80px; + color:#FFFFFF; + font-weight:bold; + font-size:22px; + margin-bottom:20px; + letter-spacing:2px; +} +.addsite-main .list-w { + width:100%; + padding:0 20px; + display:flex; + justify-content:space-between; + flex-wrap:wrap; +} +.addsite-main .list { + width:100%; + margin-bottom:15px; + position:relative; +} +.addsite-main .list span.icon { + display:flex; + justify-content:center; + flex-direction:column; + width:35px; + text-align:center; + height:100%; + margin:auto; + position:absolute; + left:0; + top:0; + bottom:0; +} +.addsite-main .list span.icon i { + color:#64a15e; + display:block; + font-size:18px; +} +.addsite-main .list input.text { + display:block; + width:100%; + height:44px; + padding:0 8px 0 35px; + border-radius:6px; + background-color:#f5f6fa; + border:none; + color:#555; +} +.addsite-main .list.type { + display:flex; + justify-content:space-between; + flex-wrap:wrap; + align-items:center; + margin-bottom:7px; +} +.addsite-main .list.type span { + display:flex; + justify-content:center; + align-items:center; + width:19%; + text-align:center; + padding:7px 0px; + font-size:13px; + border:1px solid #64a15e; + cursor:pointer; + border-radius:6px; + margin-bottom:8px; + transition:0.3s all; +} +.addsite-main .list.type span:hover,.addsite-main .list.type span.hover { + background-color:#64a15e; + color:#FFFFFF; + transition:0.3s all; +} +.addsite-main .list-2 { + width:100%; + display:flex; + justify-content:space-between; + align-items:center; +} +.addsite-main .list-2 .li { + width:48%; + display:flex; + justify-content:space-between; + align-items:center; + line-height:40px; + background-color:#f5f6fa; + padding:0 10px; + border-radius:6px; + overflow:hidden; +} +.addsite-main .list-2 .li span { + display:block; + width:40%; +} +.addsite-main .list-2 .li input.num { + display:block; + width:60%; + height:40px; + padding:0 5px; + background-color:#f5f6fa; + border:none; +} +.addsite-main .list textarea { + display:block; + width:100%; + height:80px; + padding:10px; + border-radius:6px; + background-color:#f5f6fa; + border:none; + color:#555; + line-height:1.4; +} +.addsite-main .list button { + width:100%; + display:block; + height:44px; + background-color:#64a15e; + border:1px solid #64a15e; + border-radius:6px; + color:#FFFFFF; + font-size:16px; + cursor:pointer; + transition:0.3s all; +} +.addsite-main .list button:hover { + transition:0.3s all; + box-shadow:0px 0px 6px #333333; +} +/*边距调整*/ + +.addsite-main .layui-unselect,.addsite-main .layui-unselect * { + box-sizing:content-box; +} +.addsite-main .layui-form-switch { + margin-top:0; +} +.m-header { + display:none; +} +/* + * 手机端 + */ + +@media only screen and (max-width:1200px) { +#word{ + top:340px; + } +.index-nav { + left:-100%; + transition:0.3s all; +} +.index-nav.show { + left:0; + transition:0.3s all; +} +.index-main { + padding:15px !important; +} +.search-main-w { + width:100%; + /*height:120px; + */ + margin-top:60px; +} +.search-main-w .date-main { + /*display:none; + */ +} +#he-plugin-standard { + /*display:none; + */ + padding:0px !important; +} +.search-main { + width:100%; + padding-top:25px; + /*flex-wrap:wrap; + */ + background-position:center; +} +.search-main .search-input { + width:80%; +} +.search-main .search-btnlist { + /*width:100%; + */ + /*display:none; + */ +} +.search-main .search-btnlist .search-lists { + /*width:100%; + */ + /*left:0; + */ + /*right:0; + */ + /*margin:auto; + */ + font-size:13px; +} +.site-main .site-name { + margin-bottom:10px; +} +.site-main .site-list .list { + width:48%; + margin-bottom:10px; +} +.site-main .site-list { + margin-bottom:25px; +} +.site-main .site-list .list span { + position:absolute; + right:0px; + top:0; + bottom:0; + margin:auto; +} +.site-main .site-list .list a { + padding:0 10% 0 5%; +} +footer { + padding-left:0; +} +.m-header { + width:100%; + padding:10px 15px; + display:flex; + justify-content:space-between; + align-items:center; + position:fixed; + top:0; + background-color:#FFFFFF; + z-index:9999; + box-shadow:0px 0px 1px #C0C4CC; +} +.m-header .logo { + /*height:30px; + */ +} +.m-header .logo img { + display:block; + height:100%; +} +.m-header .navbar { + display:flex; + justify-content:center; + flex-direction:column; + width:40px; + height:40px; + font-size:28px; + text-align:center; + border:1px solid #000; + color:#000; + border-radius:6px; +} +.m-navlist-w { + width:100%; + position:absolute; + top:100%; + left:0; + right:0; + background-color:#FFFFFF; + padding:15px; + display:none; + border-top:1px solid #C0C4CC; +} +.m-navlist { + display:flex; + justify-content:space-between; + flex-wrap:wrap; + align-items:center; +} +.m-navlist a.list { + width:33%; + padding:0 10px; + line-height:40px; + display:flex; + justify-content:flex-start; + align-items:center; +} +.m-navlist a.list i { + display:block; + margin-right:4px; +} +.addsite-main { + width:100%; +} +.addsite-main .list.type span { + width:32%; +} +} \ No newline at end of file diff --git a/template/baisu/index.php b/template/baisu/index.php new file mode 100644 index 0000000..74409a5 --- /dev/null +++ b/template/baisu/index.php @@ -0,0 +1,222 @@ + + + + + + + + + + + + +分组
+query("SELECT * FROM `lylme_groups` ORDER BY `group_order` ASC"); +while ($group = $DB->fetch($groups)) { + echo ''; +} +?> +