This commit is contained in:
杜恒
2021-02-24 08:50:44 +08:00
parent 4190ddca3a
commit f902e6127d
6 changed files with 143 additions and 101 deletions

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}::-moz-selection{color:#fff;background:var(--theme)}::selection{color:#fff;background:var(--theme)}body{font-size:14px;font-family:'Helvetica Neue', Helvetica, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', '微软雅黑', Arial, sans-serif;padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom)}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}iframe{display:block;border:none;margin:0 auto;vertical-align:middle}textarea{font-size:14px;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}}
*{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}::-moz-selection{color:#fff;background:var(--theme)}::selection{color:#fff;background:var(--theme)}body{font-size:14px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom)}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}iframe{display:block;border:none;margin:0 auto;vertical-align:middle}textarea{font-size:14px;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,75 +1,75 @@
* {
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;
}
::selection {
color: #fff;
background: var(--theme);
color: #fff;
background: var(--theme);
}
body {
font-size: 14px;
/* 我们对字体进行统一规范,力求在各个操作系统下都有最佳展示效果。 */
font-family: 'Helvetica Neue', Helvetica, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', '微软雅黑', Arial, sans-serif;
padding-bottom: constant(safe-area-inset-bottom);
font-size: 14px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
padding-bottom: constant(safe-area-inset-bottom);
padding-bottom: env(safe-area-inset-bottom);
}
body::before {
content: '';
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: -520;
pointer-events: none;
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;
}
iframe {
display: block;
border: none;
margin: 0 auto;
vertical-align: middle;
display: block;
border: none;
margin: 0 auto;
vertical-align: middle;
}
textarea {
font-size: 14px;
resize: none;
-webkit-appearance: none;
font-size: 14px;
resize: none;
-webkit-appearance: none;
}
li {
list-style: none;
list-style: none;
}
a {
text-decoration: none;
text-decoration: none;
}
h1,
@@ -78,71 +78,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;
}
.joe_container {
max-width: 1320px;
}
}