[Doc] beautify demo

This commit is contained in:
陈嘉涵
2019-05-16 14:08:44 +08:00
parent 3b89baedab
commit 0387fc7da8
26 changed files with 268 additions and 68 deletions
+5 -6
View File
@@ -3,14 +3,12 @@
<demo-block :title="$t('alert1')">
<van-button
type="primary"
plain
@click="onClickAlert"
>
{{ $t('alert1') }}
</van-button>
<van-button
type="primary"
plain
@click="onClickAlert2"
>
{{ $t('alert2') }}
@@ -20,7 +18,6 @@
<demo-block :title="$t('confirm')">
<van-button
type="primary"
plain
@click="onClickConfirm"
>
{{ $t('confirm') }}
@@ -30,7 +27,6 @@
<demo-block :title="$t('asyncClose')">
<van-button
type="primary"
plain
@click="onClickAsyncClose"
>
{{ $t('asyncClose') }}
@@ -39,8 +35,7 @@
<demo-block :title="$t('componentCall')">
<van-button
type="danger"
plain
type="primary"
@click="show = true"
>
{{ $t('componentCall') }}
@@ -126,7 +121,11 @@ export default {
</script>
<style lang="less">
@import "../../style/var";
.demo-dialog {
background-color: @white;
.van-doc-demo-block > .van-button {
margin-left: 15px;
}
@@ -2,18 +2,18 @@
exports[`renders demo correctly 1`] = `
<div>
<div><button class="van-button van-button--primary van-button--normal van-button--plain"><span class="van-button__text">
<div><button class="van-button van-button--primary van-button--normal"><span class="van-button__text">
提示弹窗
</span></button> <button class="van-button van-button--primary van-button--normal van-button--plain"><span class="van-button__text">
</span></button> <button class="van-button van-button--primary van-button--normal"><span class="van-button__text">
提示弹窗(无标题)
</span></button></div>
<div><button class="van-button van-button--primary van-button--normal van-button--plain"><span class="van-button__text">
<div><button class="van-button van-button--primary van-button--normal"><span class="van-button__text">
确认弹窗
</span></button></div>
<div><button class="van-button van-button--primary van-button--normal van-button--plain"><span class="van-button__text">
<div><button class="van-button van-button--primary van-button--normal"><span class="van-button__text">
异步关闭
</span></button></div>
<div><button class="van-button van-button--danger van-button--normal van-button--plain"><span class="van-button__text">
<div><button class="van-button van-button--primary van-button--normal"><span class="van-button__text">
组件调用
</span></button>
<div class="van-dialog" style="display: none;" name="van-dialog-bounce">