This commit is contained in:
杜恒 2021-02-07 11:32:41 +08:00
parent 0ca3af693d
commit e291c1a4cd
21 changed files with 2622 additions and 2545 deletions

1
404.php Normal file

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because it is too large Load Diff

File diff suppressed because one or more lines are too long

View File

@ -83,11 +83,10 @@
&__hot { &__hot {
padding-top: 15px; padding-top: 15px;
&-list { &-list {
display: flex; display: grid;
margin: 0 -5px; grid-template-columns: repeat(4, 1fr);
column-gap: 15px;
.item { .item {
width: 25%;
padding: 0 5px;
.link { .link {
display: block; display: block;
.inner { .inner {

File diff suppressed because one or more lines are too long

View File

@ -86,7 +86,7 @@
} }
&__list { &__list {
display: grid; display: grid;
grid-template-columns: repeat(4, 1fr); grid-template-columns: repeat(3, 1fr);
gap: 15px; gap: 15px;
&-item { &-item {
display: block; display: block;

1
assets/css/joe.mode.css Normal file
View File

@ -0,0 +1 @@
html{--theme: #409eff;--background: #fff;--main: #303133;--routine: #606266;--minor: #909399;--seat: #c0c4cc;--classA: #dcdfe6;--classB: #e4e7ed;--classC: #ebeef5;--classD: #f2f6fc;--radius-wrap: 8px;--radius-inner: 4px;--text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);--box-shadow: 0px 0px 20px -5px rgba(158, 158, 158, 0.22)}html[data-night='night']{--background: #333;--theme: #54b5db;--main: #808080;--routine: #7b7b7b;--minor: #6d6d6d;--seat: #666;--classA: #444;--classB: #444;--classC: #444;--classD: #444;--text-shadow: none;--box-shadow: none}html[data-night='night'] body::before{background:#202122;z-index:-500}html[data-night='night'] .joe_header__above-logo img{display:none}html[data-night='night'] .joe_header__above-logo svg{display:block}

48
assets/css/joe.mode.scss Normal file
View File

@ -0,0 +1,48 @@
/* 昼夜模式专用css */
/* 以下配色为全球公认的一套色彩值,如无必要,无需修改下方色彩值(主题色可以修改) */
html {
--theme: #409eff;
--background: #fff;
--main: #303133;
--routine: #606266;
--minor: #909399;
--seat: #c0c4cc;
--classA: #dcdfe6;
--classB: #e4e7ed;
--classC: #ebeef5;
--classD: #f2f6fc;
--radius-wrap: 8px;
--radius-inner: 4px;
--text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
--box-shadow: 0px 0px 20px -5px rgba(158, 158, 158, 0.22);
}
/* 黑夜模式的配色方案是我随便写的一套,您可以修改配色成您的一套方案 */
html[data-night='night'] {
--background: #333;
--theme: #54b5db;
--main: #808080;
--routine: #7b7b7b;
--minor: #6d6d6d;
--seat: #666;
--classA: #444;
--classB: #444;
--classC: #444;
--classD: #444;
--text-shadow: none;
--box-shadow: none;
}
/* 此处用于修改黑夜模式下没有覆盖到的小地方的样式 */
html[data-night='night'] {
body::before {
background: #202122;
z-index: -500;
}
.joe_header__above-logo img {
display: none;
}
.joe_header__above-logo svg {
display: block;
}
}

View File

@ -0,0 +1 @@
@media (max-width: 1760px){html #live2d-widget{visibility:hidden}}@media (max-width: 1400px){html .joe_live__play-player{height:520px}html .joe_detail__friends{grid-template-columns:repeat(3, 1fr)}html .joe_video__source-list{grid-template-columns:repeat(7, 1fr)}}@media (max-width: 1200px){html .joe_live__list-item .thumb{height:125px}}html .noaside .joe_live__list{grid-template-columns:repeat(4, 1fr)}html .noaside .joe_video__list-item{grid-template-columns:repeat(7, 1fr)}html .noaside .joe_wallpaper__list{grid-template-columns:repeat(5, 1fr)}@media (max-width: 1400px){html .noaside .joe_detail__friends{grid-template-columns:repeat(4, 1fr)}html .noaside .joe_video__list-item{grid-template-columns:repeat(6, 1fr)}}

View File

@ -0,0 +1,61 @@
/* 基类:基于 最大屏幕 + 有侧边栏 下进行适配 */
/* 有侧边栏时候的样式 */
html {
@media (max-width: 1760px) {
#live2d-widget {
visibility: hidden;
}
}
@media (max-width: 1400px) {
.joe_live__play-player {
height: 520px;
}
.joe_detail__friends {
grid-template-columns: repeat(3, 1fr);
}
.joe_video__source-list {
grid-template-columns: repeat(7, 1fr);
}
}
@media (max-width: 1200px) {
.joe_live__list-item .thumb {
height: 125px;
}
}
@media (max-width: 992px) {
}
@media (max-width: 768px) {
}
@media (max-width: 576px) {
}
}
/* 没有侧边栏时候的样式 */
html .noaside {
.joe_live__list {
grid-template-columns: repeat(4, 1fr);
}
.joe_video__list-item {
grid-template-columns: repeat(7, 1fr);
}
.joe_wallpaper__list {
grid-template-columns: repeat(5, 1fr);
}
@media (max-width: 1400px) {
.joe_detail__friends {
grid-template-columns: repeat(4, 1fr);
}
.joe_video__list-item {
grid-template-columns: repeat(6, 1fr);
}
}
@media (max-width: 1200px) {
}
@media (max-width: 992px) {
}
@media (max-width: 768px) {
}
@media (max-width: 576px) {
}
}

File diff suppressed because one or more lines are too long

View File

@ -75,7 +75,7 @@
&-item { &-item {
display: grid; display: grid;
gap: 15px; gap: 15px;
grid-template-columns: repeat(6, 1fr); grid-template-columns: repeat(5, 1fr);
border-top: 1px solid var(--classC); border-top: 1px solid var(--classC);
padding-top: 15px; padding-top: 15px;
.item { .item {
@ -263,7 +263,7 @@
.description { .description {
overflow: hidden; overflow: hidden;
dt { dt {
font-size: 24px; font-size: 22px;
color: var(--main); color: var(--main);
max-width: 100%; max-width: 100%;
overflow: hidden; overflow: hidden;

File diff suppressed because one or more lines are too long

View File

@ -71,7 +71,7 @@
} }
&__list { &__list {
display: grid; display: grid;
grid-template-columns: repeat(5, 1fr); grid-template-columns: repeat(4, 1fr);
.item { .item {
position: relative; position: relative;
display: block; display: block;

View File

@ -207,6 +207,19 @@ document.addEventListener('DOMContentLoaded', () => {
$(window).on('scroll', () => calcProgress()); $(window).on('scroll', () => calcProgress());
} }
/* 判断页面上是否有侧边栏 */
{
const getAside = () => {
if ($('.joe_aside').length === 0) {
$('body').addClass('noaside');
} else {
$('body').removeClass('noaside');
}
};
getAside();
$(window).on('resize', () => getAside());
}
/* 评论框点击切换画图模式和文本模式 */ /* 评论框点击切换画图模式和文本模式 */
{ {
$('.joe_comment__respond-type .item').on('click', function () { $('.joe_comment__respond-type .item').on('click', function () {

View File

@ -3,7 +3,7 @@
/* 获取主题当前版本号 */ /* 获取主题当前版本号 */
function _getVersion() function _getVersion()
{ {
return "1.0.0"; return "5.0.0";
}; };
/* 判断是否是手机 */ /* 判断是否是手机 */

View File

@ -6,7 +6,7 @@ function _getRanking($self)
header("HTTP/1.1 200 OK"); header("HTTP/1.1 200 OK");
$ranking_txt = Helper::options()->JAside_Ranking; $ranking_txt = Helper::options()->JAside_Ranking;
$ranking_arr = explode("$", $ranking_txt); $ranking_arr = explode("$", $ranking_txt);
$json = _curl("https://the.top/v1/{$ranking_arr[1]}/1/9"); $json = _curl("https://rank.the.top/v1/{$ranking_arr[1]}/1/9");
$res = json_decode($json, TRUE); $res = json_decode($json, TRUE);
if ($res['code'] === 0) { if ($res['code'] === 0) {
$self->response->throwJson([ $self->response->throwJson([

View File

@ -237,7 +237,7 @@ function themeConfig($form)
'https://cdn.jsdelivr.net/npm/live2d-widget-model-hk_fos@1.0.0/assets/hk416.model.json' => 'hk416' 'https://cdn.jsdelivr.net/npm/live2d-widget-model-hk_fos@1.0.0/assets/hk416.model.json' => 'hk416'
), ),
'off', 'off',
'选择一款喜爱的Live2D动态人物模型', '选择一款喜爱的Live2D动态人物模型仅在屏幕分辨率大于1760px下显示',
'介绍:开启后会在右下角显示一个小人' '介绍:开启后会在右下角显示一个小人'
); );
$JLive2d->setAttribute('class', 'joe_content joe_global'); $JLive2d->setAttribute('class', 'joe_content joe_global');

View File

@ -1,5 +1,5 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="zh-CN">
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />

View File

@ -60,13 +60,15 @@
<?php $this->header(); ?> <?php $this->header(); ?>
<?php endif; ?> <?php endif; ?>
<!-- 全局公用CSS静态资源放在了CDN上如果你的服务器带宽不够请不要修改成本地cdn采用jsdelivr放心不会失效 --> <!-- 全局公用CSS静态资源放在了CDN上如果你的服务器带宽不够请不要修改成本地cdn采用jsdelivr放心不会失效 -->
<link rel="stylesheet" href="<?php $this->options->themeUrl('assets/css/joe.mode.css'); ?>">
<link rel="stylesheet" href="<?php $this->options->themeUrl('assets/css/joe.normalize.css'); ?>">
<link rel="stylesheet" href="<?php $this->options->themeUrl('assets/css/joe.global.css'); ?>">
<link rel="stylesheet" href="<?php $this->options->themeUrl('assets/css/joe.responsive.css'); ?>">
<link rel="stylesheet" href="<?php $this->options->themeUrl('plugin/qmsg/qmsg.css'); ?>" />
<link rel="stylesheet" href="https://apip.weatherdt.com/standard/static/css/weather-standard.css"> <link rel="stylesheet" href="https://apip.weatherdt.com/standard/static/css/weather-standard.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fancyapps/fancybox@3.5.7/dist/jquery.fancybox.min.css" /> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fancyapps/fancybox@3.5.7/dist/jquery.fancybox.min.css" />
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/animate.css@3.7.2/animate.min.css" /> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/animate.css@3.7.2/animate.min.css" />
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/font-awesome@4.7.0/css/font-awesome.min.css"> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/font-awesome@4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="<?php $this->options->themeUrl('plugin/qmsg/qmsg.css'); ?>" />
<link rel="stylesheet" href="<?php $this->options->themeUrl('assets/css/joe.normalize.css'); ?>">
<link rel="stylesheet" href="<?php $this->options->themeUrl('assets/css/joe.global.css'); ?>">
<!-- 全局公用JS静态资源放在了CDN上如果你的服务器带宽不够请不要修改成本地cdn采用jsdelivr放心不会失效 --> <!-- 全局公用JS静态资源放在了CDN上如果你的服务器带宽不够请不要修改成本地cdn采用jsdelivr放心不会失效 -->
<script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/gh/HaoOuBa/Joe@master/plugin/scroll/joe.scroll.js"></script> <script src="https://cdn.jsdelivr.net/gh/HaoOuBa/Joe@master/plugin/scroll/joe.scroll.js"></script>