文档小细节优化 (#6)

* fix: loading small style, search style and dialog style

* fix: scroll to top

* fix mobile scroll

* fix scroll to top

* 文档细节优化
This commit is contained in:
张敏 2017-04-24 10:43:56 +08:00 committed by GitHub
parent 2b25d2b75a
commit bdbaa75b38
3 changed files with 47 additions and 39 deletions

View File

@ -11,26 +11,30 @@
</example-block></section></template>
<style>
.waterfall {
max-height: 360px;
overflow: scroll;
border-top: 1px solid #e5e5e5;
}
.waterfall-item {
line-height: 50px;
border-bottom: 1px solid #e5e5e5;
background: #fff;
}
.page-desc {
padding: 5px 0;
line-height: 1.4;
font-size: 14px;
text-align: center;
color: #666;
}
.van-loading {
margin: 10px auto;
@component-namespace demo {
@b waterfall {
.waterfall {
max-height: 360px;
overflow: scroll;
border-top: 1px solid #e5e5e5;
}
.waterfall-item {
line-height: 50px;
border-bottom: 1px solid #e5e5e5;
background: #fff;
}
.page-desc {
padding: 5px 0;
line-height: 1.4;
font-size: 14px;
text-align: center;
color: #666;
}
.van-loading {
margin: 10px auto;
}
}
}
</style>
<script>
import Vue from "vue";import ExampleBlock from "components/example-block";Vue.component("example-block", ExampleBlock);

View File

@ -1,7 +1,7 @@
## Vant
一套`Vue 2.0`的基础组件。
A collection of essential UI components written with Vue 2.0.
<br>A collection of essential UI components written with Vue 2.0.
### 安装

View File

@ -66,26 +66,30 @@ export default {
</script>
<style>
.waterfall {
max-height: 360px;
overflow: scroll;
border-top: 1px solid #e5e5e5;
}
.waterfall-item {
line-height: 50px;
border-bottom: 1px solid #e5e5e5;
background: #fff;
}
.page-desc {
padding: 5px 0;
line-height: 1.4;
font-size: 14px;
text-align: center;
color: #666;
}
.van-loading {
margin: 10px auto;
@component-namespace demo {
@b waterfall {
.waterfall {
max-height: 360px;
overflow: scroll;
border-top: 1px solid #e5e5e5;
}
.waterfall-item {
line-height: 50px;
border-bottom: 1px solid #e5e5e5;
background: #fff;
}
.page-desc {
padding: 5px 0;
line-height: 1.4;
font-size: 14px;
text-align: center;
color: #666;
}
.van-loading {
margin: 10px auto;
}
}
}
</style>
#### 基础用法