diff --git a/packages/col/demo/index.vue b/packages/col/demo/index.vue index 2d7a10448..9b3f95223 100644 --- a/packages/col/demo/index.vue +++ b/packages/col/demo/index.vue @@ -112,11 +112,11 @@ export default { } .van-col { + margin-bottom: 10px; color: @white; font-size: 13px; line-height: 30px; text-align: center; - margin-bottom: 10px; background-clip: content-box; &:nth-child(odd) { diff --git a/packages/collapse/demo/index.vue b/packages/collapse/demo/index.vue index 2710fd77e..43dc8ed90 100644 --- a/packages/collapse/demo/index.vue +++ b/packages/collapse/demo/index.vue @@ -82,10 +82,10 @@ export default { .demo-collapse { .van-icon-question-o { - color: @blue; - vertical-align: -3px; margin-left: 5px; + color: @blue; font-size: 15px; + vertical-align: -3px; } } diff --git a/packages/dialog/demo/index.vue b/packages/dialog/demo/index.vue index c728c4380..cad24fb89 100644 --- a/packages/dialog/demo/index.vue +++ b/packages/dialog/demo/index.vue @@ -132,9 +132,9 @@ export default { } img { + box-sizing: border-box; width: 100%; padding: 25px 20px 0; - box-sizing: border-box; } } diff --git a/packages/icon/demo/index.vue b/packages/icon/demo/index.vue index 9b0383a21..dbf960702 100644 --- a/packages/icon/demo/index.vue +++ b/packages/icon/demo/index.vue @@ -74,31 +74,31 @@ export default { font-size: 0; &-list { - padding-top: 10px; box-sizing: border-box; min-height: calc(100vh - 65px); + padding-top: 10px; } .van-col { - float: none; - text-align: center; - height: 100px; display: inline-block; + float: none; + height: 100px; + text-align: center; vertical-align: middle; span { display: block; padding: 0 5px; + color: @gray-darker; font-size: 12px; line-height: 18px; - color: @gray-darker; } } .van-icon { - font-size: 32px; margin: 20px 0 10px; color: @text-color; + font-size: 32px; } .van-tab__pane { diff --git a/packages/lazyload/demo/index.vue b/packages/lazyload/demo/index.vue index 7142da0d5..159a5d871 100644 --- a/packages/lazyload/demo/index.vue +++ b/packages/lazyload/demo/index.vue @@ -65,16 +65,16 @@ export default { img, div[lazy] { - padding: 15px; + box-sizing: border-box; width: 100%; height: 250px; margin: 10px 0 0; + padding: 15px; background-color: white; - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); - background-size: 315px 250px; - background-position: 15px; background-repeat: no-repeat; - box-sizing: border-box; + background-position: 15px; + background-size: 315px 250px; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); } .van-doc-demo-block__title, diff --git a/packages/list/demo/index.vue b/packages/list/demo/index.vue index de63c63a7..b89ba7b54 100644 --- a/packages/list/demo/index.vue +++ b/packages/list/demo/index.vue @@ -124,11 +124,11 @@ export default { } .page-desc { - padding: 5px 0; margin: 0; + padding: 5px 0; + color: @gray-darker; font-size: 14px; text-align: center; - color: @gray-darker; &--text { margin: 0; diff --git a/packages/pagination/demo/index.vue b/packages/pagination/demo/index.vue index 1df3c54b3..bcc507fd3 100644 --- a/packages/pagination/demo/index.vue +++ b/packages/pagination/demo/index.vue @@ -64,8 +64,8 @@ export default { diff --git a/packages/style/demo/index.vue b/packages/style/demo/index.vue index 502cfab4f..d5fc0ffd2 100644 --- a/packages/style/demo/index.vue +++ b/packages/style/demo/index.vue @@ -89,9 +89,9 @@ export default { .demo-style { .van-ellipsis { - font-size: 13px; - margin-left: 15px; max-width: 250px; + margin-left: 15px; + font-size: 13px; } .van-hairline--top { @@ -104,14 +104,14 @@ export default { } .demo-animate-block { + position: fixed; top: 50%; left: 50%; width: 100px; height: 100px; - position: fixed; - border-radius: 3px; margin: -50px 0 0 -50px; background-color: @blue; + border-radius: 3px; } } diff --git a/packages/swipe-cell/demo/index.vue b/packages/swipe-cell/demo/index.vue index 7c76ff71c..c15815ee6 100644 --- a/packages/swipe-cell/demo/index.vue +++ b/packages/swipe-cell/demo/index.vue @@ -89,13 +89,13 @@ export default { .van-swipe-cell { &__left, &__right { - color: @white; - font-size: 15px; + display: inline-block; width: 65px; height: 44px; - display: inline-block; - text-align: center; + color: @white; + font-size: 15px; line-height: 44px; + text-align: center; background-color: @red; } } diff --git a/packages/swipe/demo/index.vue b/packages/swipe/demo/index.vue index 543d73fa0..ba9ffcf5b 100644 --- a/packages/swipe/demo/index.vue +++ b/packages/swipe/demo/index.vue @@ -135,8 +135,8 @@ export default { &-item { color: @white; font-size: 20px; - text-align: center; line-height: 150px; + text-align: center; &:nth-child(even) { background-color: #39a9ed; @@ -148,11 +148,11 @@ export default { } img { + display: block; + box-sizing: border-box; width: 100%; height: 240px; - display: block; padding: 30px 60px; - box-sizing: border-box; background-color: @white; pointer-events: none; } @@ -171,8 +171,8 @@ export default { right: 5px; bottom: 5px; padding: 2px 5px; - font-size: 12px; color: @white; + font-size: 12px; background: rgba(0, 0, 0, .1); } } diff --git a/packages/tab/demo/index.vue b/packages/tab/demo/index.vue index 36ab3d273..f5a68ab02 100644 --- a/packages/tab/demo/index.vue +++ b/packages/tab/demo/index.vue @@ -186,8 +186,8 @@ export default { } .van-tab__pane { - background-color: @white; padding: 20px; + background-color: @white; } .van-tabs--card .van-tab__pane { @@ -203,9 +203,9 @@ export default { } .custom-pane { - text-align: center; height: 50px; line-height: 50px; + text-align: center; } .van-doc-demo-block:last-child {