mirror of
https://gitee.com/yansongda/pay.git
synced 2024-12-03 12:48:24 +08:00
docs: 优化文档 css (#653)
This commit is contained in:
parent
4e83ab9149
commit
93a0305144
@ -1,5 +1,5 @@
|
||||
<template>
|
||||
<div class="authorize">
|
||||
<div class="home">
|
||||
<div class="container">
|
||||
<h2>授权</h2>
|
||||
<h3>类库</h3>
|
||||
@ -21,59 +21,46 @@ export default {
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
@media (min-width: 640px) {
|
||||
.authorize {
|
||||
padding: 0 48px;
|
||||
}
|
||||
}
|
||||
@media (min-width: 960px) {
|
||||
.authorize {
|
||||
padding: 0 64px;
|
||||
}
|
||||
}
|
||||
@import '../css/home';
|
||||
|
||||
.authorize {
|
||||
.home {
|
||||
margin-top: 50px;
|
||||
padding: 0 24px;
|
||||
}
|
||||
|
||||
.container {
|
||||
max-width: 1152px;
|
||||
margin: 0 auto;
|
||||
.container {
|
||||
p {
|
||||
display: block;
|
||||
margin-block-start: 1em;
|
||||
margin-block-end: 1em;
|
||||
margin-inline-start: 0;
|
||||
margin-inline-end: 0;
|
||||
}
|
||||
|
||||
p {
|
||||
display: block;
|
||||
margin-block-start: 1em;
|
||||
margin-block-end: 1em;
|
||||
margin-inline-start: 0;
|
||||
margin-inline-end: 0;
|
||||
}
|
||||
a {
|
||||
font-weight: 500;
|
||||
color: #3eaf7c;
|
||||
text-decoration: none;
|
||||
overflow-wrap: break-word;
|
||||
}
|
||||
|
||||
a {
|
||||
font-weight: 500;
|
||||
color: #3eaf7c;
|
||||
text-decoration: none;
|
||||
overflow-wrap: break-word;
|
||||
}
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
font-weight: 600;
|
||||
line-height: 1.25;
|
||||
}
|
||||
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
font-weight: 600;
|
||||
line-height: 1.25;
|
||||
}
|
||||
h2 {
|
||||
font-size: 1.65rem;
|
||||
padding-bottom: .3rem;
|
||||
border-bottom: 1px solid #eaecef;
|
||||
}
|
||||
|
||||
h2 {
|
||||
font-size: 1.65rem;
|
||||
padding-bottom: .3rem;
|
||||
border-bottom: 1px solid #eaecef;
|
||||
}
|
||||
|
||||
h3 {
|
||||
font-size: 1.35rem;
|
||||
display: block;
|
||||
margin-block-start: 1em;
|
||||
margin-block-end: 1em;
|
||||
margin-inline-start: 0;
|
||||
margin-inline-end: 0;
|
||||
h3 {
|
||||
font-size: 1.35rem;
|
||||
display: block;
|
||||
margin-block-start: 1em;
|
||||
margin-block-end: 1em;
|
||||
margin-inline-start: 0;
|
||||
margin-inline-end: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
@ -16,45 +16,31 @@ export default {
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
@media (min-width: 640px) {
|
||||
.home {
|
||||
padding: 0 48px;
|
||||
}
|
||||
}
|
||||
@media (min-width: 960px) {
|
||||
.home {
|
||||
padding: 0 64px;
|
||||
}
|
||||
}
|
||||
@import '../css/home';
|
||||
|
||||
.home {
|
||||
margin-bottom: 50px;
|
||||
padding: 0 24px;
|
||||
}
|
||||
.container {
|
||||
margin-bottom: 50px;
|
||||
text-align: center;
|
||||
|
||||
.container {
|
||||
max-width: 1152px;
|
||||
text-align: center;
|
||||
margin: 0 auto;
|
||||
img {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
img {
|
||||
display: inline-block;
|
||||
}
|
||||
.action .action-button {
|
||||
display: inline-block;
|
||||
font-size: 1.2rem;
|
||||
padding: .8rem 1.6rem;
|
||||
border-width: 2px;
|
||||
border-style: solid;
|
||||
border-radius: 4px;
|
||||
box-sizing: border-box;
|
||||
|
||||
.action .action-button {
|
||||
display: inline-block;
|
||||
font-size: 1.2rem;
|
||||
padding: .8rem 1.6rem;
|
||||
border-width: 2px;
|
||||
border-style: solid;
|
||||
border-radius: 4px;
|
||||
transition: background-color var(--t-color);
|
||||
box-sizing: border-box;
|
||||
|
||||
&.primary {
|
||||
color: #fff;
|
||||
background-color: #3eaf7c;
|
||||
border-color: #3eaf7c;
|
||||
&.primary {
|
||||
color: #fff;
|
||||
background-color: #3eaf7c;
|
||||
border-color: #3eaf7c;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
19
web/.vitepress/theme/css/home.scss
Normal file
19
web/.vitepress/theme/css/home.scss
Normal file
@ -0,0 +1,19 @@
|
||||
@media (min-width: 640px) {
|
||||
.home {
|
||||
padding: 0 48px;
|
||||
}
|
||||
}
|
||||
@media (min-width: 960px) {
|
||||
.home {
|
||||
padding: 0 64px;
|
||||
}
|
||||
}
|
||||
|
||||
.home {
|
||||
padding: 0 24px;
|
||||
|
||||
.container {
|
||||
max-width: 1152px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
}
|
Loading…
Reference in New Issue
Block a user