docs: update site style

This commit is contained in:
陈嘉涵 2020-01-04 19:51:05 +08:00
parent 46e995ab4a
commit 5a7268b7a4
8 changed files with 19 additions and 19 deletions

View File

@ -8,7 +8,7 @@
包含 Sketch 格式的组件设计规范、色彩规范。
<img src="https://img.yzcdn.cn/vant/design-components-0321.png" style="width: 80%; box-shadow: 0 1px 3px rgba(0, 0, 0, .3);">
<img src="https://img.yzcdn.cn/vant/design-components-0321.png" style="width: 80%;">
<a class="design-download" href="https://github.com/youzan/vant/blob/dev/docs/assets/design.sketch?raw=true">下载</a>
@ -18,7 +18,7 @@
包含 Sketch 格式的图标库资源。
<img src="https://img.yzcdn.cn/vant/design-icons-0321.png" style="width: 80%; box-shadow: 0 1px 3px rgba(0, 0, 0, .3);">
<img src="https://img.yzcdn.cn/vant/design-icons-0321.png" style="width: 80%;">
<a class="design-download" href="https://github.com/youzan/vant-icons/blob/master/assets/icons.sketch?raw=true">下载</a>

View File

@ -1,6 +1,6 @@
<div class="card">
<div class="van-doc-intro">
<img class="van-doc-intro__logo" style="width: 120px; height: 120px; box-shadow: none;" src="https://img.yzcdn.cn/vant/logo.png">
<img class="van-doc-intro__logo" style="width: 120px; height: 120px;" src="https://img.yzcdn.cn/vant/logo.png">
<h2 style="margin: 0; font-size: 36px; line-height: 60px;">Vant</h2>
<p>Mobile UI Components built on Vue</p>
</div>

View File

@ -1,6 +1,6 @@
<div class="card">
<div class="van-doc-intro">
<img class="van-doc-intro__logo" style="width: 120px; height: 120px; box-shadow: none;" src="https://img.yzcdn.cn/vant/logo.png">
<img class="van-doc-intro__logo" style="width: 120px; height: 120px;" src="https://img.yzcdn.cn/vant/logo.png">
<h2 style="margin: 0; font-size: 36px; line-height: 60px;">Vant</h2>
<p>轻量、可靠的移动端 Vue 组件库</p>
</div>
@ -37,7 +37,7 @@
我们热爱分享和开源,崇尚用工程师的方式解决问题,因此造了很多工具来解决我们遇到的问题,目前我们维护的开源产品有:
<img src="https://img.yzcdn.cn/public_files/2019/07/22/f4b70763c55c8710c52c667ecf192c05.jpeg" style="width: 320px; height: 303px; box-shadow: none;">
<img src="https://img.yzcdn.cn/public_files/2019/07/22/f4b70763c55c8710c52c667ecf192c05.jpeg" style="width: 320px; height: 303px;">
我们正在寻找更多优秀的小伙伴,一起拓展前端技术的边界,期待你的加入!

View File

@ -9,7 +9,7 @@ code {
font-weight: 400;
font-size: 13px;
font-family: @van-doc-code-font-family;
line-height: 24px;
line-height: 26px;
white-space: pre-wrap;
word-wrap: break-word;
}

View File

@ -15,6 +15,7 @@
@van-doc-padding: 30px;
@van-doc-row-max-width: 1680px;
@van-doc-nav-width: 220px;
@van-doc-border-radius: 12px;
// header
@van-doc-header-top-height: 60px;

View File

@ -32,7 +32,7 @@ export default {
margin-bottom: 24px;
padding: 24px;
background-color: #fff;
border-radius: 6px;
border-radius: @van-doc-border-radius;
box-shadow: 0 8px 12px #ebedf0;
}
@ -96,7 +96,6 @@ export default {
color: @van-doc-text-color;
font-size: 13px;
line-height: 1.5;
border-radius: 6px;
border-collapse: collapse;
th {
@ -148,7 +147,7 @@ export default {
padding-left: 15px;
color: @van-doc-text-color;
font-size: 14px;
line-height: 22px;
line-height: 26px;
&::before {
position: absolute;
@ -177,7 +176,7 @@ export default {
margin: 2px 3px;
padding: 2px 5px;
background-color: #f0f2f5;
box-shadow: none;
border-radius: 4px;
}
section {
@ -189,22 +188,22 @@ export default {
margin: 20px 0 0;
padding: 16px;
color: rgba(52, 73, 94, 0.8);
font-weight: 500;
font-size: 14px;
background-color: #ecf9ff;
border-left: 5px solid #50bfff;
border-radius: 4px;
border-radius: @van-doc-border-radius;
}
img {
width: 100%;
margin: 15px 0;
box-shadow: 0 2px 4px #ebedf0;
margin: 16px 0;
border-radius: @van-doc-border-radius;
}
&--changelog {
strong {
display: block;
margin: 12px 0;
margin: 24px 0 12px;
font-weight: 500;
font-size: 15px;
}

View File

@ -156,7 +156,7 @@ export default {
&__cube {
position: relative;
display: block;
padding: 0 10px;
padding: 0 12px;
color: #fff;
font-size: 14px;
font-family: 'Helvetica Neue', Arial, sans-serif;
@ -194,13 +194,13 @@ export default {
line-height: 36px;
text-align: left;
background-color: #fff;
border-radius: 3px;
border-radius: @van-doc-border-radius;
box-shadow: 0 4px 12px #ebedf0;
transform-origin: top;
transition: 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
&-item {
padding-left: 7px;
padding-left: 12px;
transition: 0.2s;
&:hover {

View File

@ -56,7 +56,7 @@ export default {
min-width: @van-doc-simulator-width;
overflow: hidden;
background: #fafafa;
border-radius: 6px;
border-radius: @van-doc-border-radius;
box-shadow: #ebedf0 0 4px 12px;
@media (max-width: 1100px) {