This commit is contained in:
haoouba
2021-01-25 21:26:58 +08:00
parent f06c934586
commit 9ad9f17994
8 changed files with 1852 additions and 1804 deletions

File diff suppressed because one or more lines are too long

File diff suppressed because it is too large Load Diff

View File

@@ -1 +1 @@
*{margin:0;padding:0;box-sizing:border-box;outline:none;-webkit-tap-highlight-color:transparent}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{border-radius:4px;background:var(--seat)}::-webkit-scrollbar-track{background:transparent}body{font-size:14px;font-family:'Helvetica Neue', Helvetica, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', '微软雅黑', Arial, sans-serif}body::before{content:'';position:fixed;top:0;left:0;right:0;bottom:0;z-index:-520;pointer-events:none}input[type='text']{-webkit-appearance:none;border-radius:0;font-size:13px;font-weight:500}textarea{resize:none;-webkit-appearance:none}li{list-style:none}a{text-decoration:none}h1,h2,h3,h4,h5,h6{font-weight:500}img{border:0;vertical-align:middle}img[src=''],img:not([src]){border:0;opacity:0}svg,canvas{vertical-align:middle}button{cursor:pointer;-webkit-appearance:none;font-size:13px}table{border-collapse:collapse;border-spacing:0}.joe_main{min-width:0;flex:1;padding:15px 0}.joe_container{display:flex;width:100%;margin:0 auto;padding:0 15px}@media (min-width: 576px){.joe_container{max-width:540px}}@media (min-width: 768px){.joe_container{max-width:720px}}@media (min-width: 992px){.joe_container{max-width:960px}}@media (min-width: 1200px){.joe_container{max-width:1140px}}@media (min-width: 1400px){.joe_container{max-width:1320px}}html{--background: #fff;--theme: #f24e4e;--main: #303133;--routine: #606266;--minor: #909399;--seat: #c0c4cc;--classA: #dcdfe6;--classB: #e4e7ed;--classC: #ebeef5;--classD: #f2f6fc;--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: #303133;--box-shadow: none}
*{margin:0;padding:0;box-sizing:border-box;outline:none;-webkit-tap-highlight-color:transparent}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{border-radius:4px;background:var(--seat)}::-webkit-scrollbar-track{background:transparent}body{font-size:14px;font-family:'Helvetica Neue', Helvetica, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', '微软雅黑', Arial, sans-serif}body::before{content:'';position:fixed;top:0;left:0;right:0;bottom:0;z-index:-520;pointer-events:none}input[type='text']{-webkit-appearance:none;border-radius:0;font-size:13px;font-weight:500}textarea{resize:none;-webkit-appearance:none}li{list-style:none}a{text-decoration:none}h1,h2,h3,h4,h5,h6{font-weight:500}img{border:0;vertical-align:middle}img[src=''],img:not([src]){border:0;opacity:0}svg,canvas{vertical-align:middle}button{cursor:pointer;-webkit-appearance:none;font-size:13px}table{border-collapse:collapse;border-spacing:0}.joe_main{min-width:0;flex:1;padding:15px 0}.joe_container{display:flex;width:100%;margin:0 auto;padding:0 15px}@media (min-width: 576px){.joe_container{max-width:540px}}@media (min-width: 768px){.joe_container{max-width:720px}}@media (min-width: 992px){.joe_container{max-width:960px}}@media (min-width: 1200px){.joe_container{max-width:1140px}}@media (min-width: 1400px){.joe_container{max-width:1320px}}

View File

@@ -1,59 +1,60 @@
* {
margin: 0;
padding: 0;
box-sizing: border-box;
outline: none;
-webkit-tap-highlight-color: transparent;
margin: 0;
padding: 0;
box-sizing: border-box;
outline: none;
-webkit-tap-highlight-color: transparent;
}
::-webkit-scrollbar {
width: 8px;
height: 8px;
width: 8px;
height: 8px;
}
::-webkit-scrollbar-thumb {
border-radius: 4px;
background: var(--seat);
border-radius: 4px;
background: var(--seat);
}
::-webkit-scrollbar-track {
background: transparent;
background: transparent;
}
body {
font-size: 14px;
font-family: 'Helvetica Neue', Helvetica, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', '微软雅黑', Arial, sans-serif;
font-size: 14px;
/* 我们对字体进行统一规范,力求在各个操作系统下都有最佳展示效果。 */
font-family: 'Helvetica Neue', Helvetica, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', '微软雅黑', Arial, sans-serif;
}
body::before {
content: '';
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
content: '';
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: -520;
pointer-events: none;
}
input[type='text'] {
-webkit-appearance: none;
border-radius: 0;
font-size: 13px;
font-weight: 500;
-webkit-appearance: none;
border-radius: 0;
font-size: 13px;
font-weight: 500;
}
textarea {
resize: none;
-webkit-appearance: none;
resize: none;
-webkit-appearance: none;
}
li {
list-style: none;
list-style: none;
}
a {
text-decoration: none;
text-decoration: none;
}
h1,
@@ -62,91 +63,71 @@ h3,
h4,
h5,
h6 {
font-weight: 500;
font-weight: 500;
}
img {
border: 0;
vertical-align: middle;
border: 0;
vertical-align: middle;
}
img[src=''],
img:not([src]) {
border: 0;
opacity: 0;
border: 0;
opacity: 0;
}
svg,
canvas {
vertical-align: middle;
vertical-align: middle;
}
button {
cursor: pointer;
-webkit-appearance: none;
font-size: 13px;
cursor: pointer;
-webkit-appearance: none;
font-size: 13px;
}
table {
border-collapse: collapse;
border-spacing: 0;
border-collapse: collapse;
border-spacing: 0;
}
.joe_main {
min-width: 0;
flex: 1;
padding: 15px 0;
min-width: 0;
flex: 1;
padding: 15px 0;
}
.joe_container {
display: flex;
width: 100%;
margin: 0 auto;
padding: 0 15px;
display: flex;
width: 100%;
margin: 0 auto;
padding: 0 15px;
}
@media (min-width: 576px) {
.joe_container {
max-width: 540px;
}
.joe_container {
max-width: 540px;
}
}
@media (min-width: 768px) {
.joe_container {
max-width: 720px;
}
.joe_container {
max-width: 720px;
}
}
@media (min-width: 992px) {
.joe_container {
max-width: 960px;
}
.joe_container {
max-width: 960px;
}
}
@media (min-width: 1200px) {
.joe_container {
max-width: 1140px;
}
.joe_container {
max-width: 1140px;
}
}
@media (min-width: 1400px) {
.joe_container {
max-width: 1320px;
}
}
html {
--background: #fff;
--theme: #f24e4e;
--main: #303133;
--routine: #606266;
--minor: #909399;
--seat: #c0c4cc;
--classA: #dcdfe6;
--classB: #e4e7ed;
--classC: #ebeef5;
--classD: #f2f6fc;
--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: #303133;
--box-shadow: none;
.joe_container {
max-width: 1320px;
}
}

View File

@@ -11,7 +11,7 @@ document.addEventListener('DOMContentLoaded', () => {
/* 初始化首页列表功能 */
{
let queryData = { page: 1, pageSize: 10, type: 'created' }
let queryData = { page: 1, pageSize: 12, type: 'created' }
const initDom = () => {
$('.joe_index__list .joe_list').html('')
let activeItem = $('.joe_index__title-title .item[data-type="' + queryData.type + '"]')
@@ -82,7 +82,7 @@ document.addEventListener('DOMContentLoaded', () => {
pushDom()
$('.joe_index__title-title .item').on('click', async function () {
if ($(this).attr('data-type') === queryData.type) return
queryData = { page: 1, pageSize: 10, type: $(this).attr('data-type') }
queryData = { page: 1, pageSize: 12, type: $(this).attr('data-type') }
initDom()
pushDom()
})