文档细节优化,search、咯阿丁和dialog组件样式修复 (#5)

* 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-23 22:38:50 +08:00
committed by GitHub
parent 1725eb6303
commit ce27957133
23 changed files with 95 additions and 60 deletions
+7 -8
View File
@@ -23,18 +23,12 @@
<van-col span="24">
<van-button size="large">large</van-button>
</van-col>
</van-row>
<van-row>
<van-col span="24">
<van-button size="normal">normal</van-button>
</van-col>
</van-row>
<van-row>
<van-col span="24">
<van-button size="small">small</van-button>
</van-col>
</van-row>
<van-row>
<van-col span="24">
<van-button size="mini">mini</van-button>
</van-col>
@@ -82,9 +76,14 @@
}
.van-row {
padding: 0 15px;
margin-bottom: 20px;
}
.van-col {
margin-bottom: 10px;
.van-col-24 {
margin-bottom: 20px;
&:last-child {
margin-bottom: 0;
}
}
}
}
+5 -3
View File
@@ -6,6 +6,8 @@
<van-loading class="some-customized-class" :color="'white'"></van-loading>
</div>
</example-block><example-block title="单色spinner">
<van-loading class="circle-loading" :type="'circle'" :color="'white'"></van-loading>
<van-loading class="circle-loading" :type="'circle'" :color="'black'"></van-loading>
@@ -23,10 +25,10 @@
}
.demo-loading__example--with-bg {
background-color: rgba(0, 0, 0, 0.5);
background-color: rgba(17, 17, 17, 0.7);
margin: 0 auto;
width: 80px;
padding: 25px 0;
width: 120px;
padding: 45px 0;
border-radius: 10px;
}
}
+3 -1
View File
@@ -1,7 +1,9 @@
<template><section class="demo-swipe"><h1 class="demo-title">Swipe 轮播</h1><example-block title="基础用法">
<van-swipe>
<van-swipe-item v-for="img in images">
<img v-lazy="img" alt="">
<a href="https://youzan.com" target="_blank">
<img v-lazy="img" alt="">
</a>
</van-swipe-item>
</van-swipe>
+1
View File
@@ -19,6 +19,7 @@
.waterfall-item {
line-height: 50px;
border-bottom: 1px solid #e5e5e5;
background: #fff;
}
.page-desc {
padding: 5px 0;