docs: remove demo-section
This commit is contained in:
+38
-40
@@ -1,47 +1,45 @@
|
||||
<template>
|
||||
<demo-section>
|
||||
<demo-block :title="t('basicUsage')">
|
||||
<van-steps :active="active">
|
||||
<van-step>{{ t('step1') }}</van-step>
|
||||
<van-step>{{ t('step2') }}</van-step>
|
||||
<van-step>{{ t('step3') }}</van-step>
|
||||
<van-step>{{ t('step4') }}</van-step>
|
||||
</van-steps>
|
||||
<demo-block :title="t('basicUsage')">
|
||||
<van-steps :active="active">
|
||||
<van-step>{{ t('step1') }}</van-step>
|
||||
<van-step>{{ t('step2') }}</van-step>
|
||||
<van-step>{{ t('step3') }}</van-step>
|
||||
<van-step>{{ t('step4') }}</van-step>
|
||||
</van-steps>
|
||||
|
||||
<van-button @click="nextStep">{{ t('nextStep') }}</van-button>
|
||||
</demo-block>
|
||||
<van-button @click="nextStep">{{ t('nextStep') }}</van-button>
|
||||
</demo-block>
|
||||
|
||||
<demo-block :title="t('customStyle')">
|
||||
<van-steps
|
||||
:active="active"
|
||||
active-icon="success"
|
||||
inactive-icon="arrow"
|
||||
active-color="#38f"
|
||||
>
|
||||
<van-step>{{ t('step1') }}</van-step>
|
||||
<van-step>{{ t('step2') }}</van-step>
|
||||
<van-step>{{ t('step3') }}</van-step>
|
||||
<van-step>{{ t('step4') }}</van-step>
|
||||
</van-steps>
|
||||
</demo-block>
|
||||
<demo-block :title="t('customStyle')">
|
||||
<van-steps
|
||||
:active="active"
|
||||
active-icon="success"
|
||||
inactive-icon="arrow"
|
||||
active-color="#38f"
|
||||
>
|
||||
<van-step>{{ t('step1') }}</van-step>
|
||||
<van-step>{{ t('step2') }}</van-step>
|
||||
<van-step>{{ t('step3') }}</van-step>
|
||||
<van-step>{{ t('step4') }}</van-step>
|
||||
</van-steps>
|
||||
</demo-block>
|
||||
|
||||
<demo-block :title="t('title3')">
|
||||
<van-steps :active="0" direction="vertical">
|
||||
<van-step>
|
||||
<h3>{{ t('status1') }}</h3>
|
||||
<p>2016-07-12 12:40</p>
|
||||
</van-step>
|
||||
<van-step>
|
||||
<h3>{{ t('status2') }}</h3>
|
||||
<p>2016-07-11 10:00</p>
|
||||
</van-step>
|
||||
<van-step>
|
||||
<h3>{{ t('status3') }}</h3>
|
||||
<p>2016-07-10 09:30</p>
|
||||
</van-step>
|
||||
</van-steps>
|
||||
</demo-block>
|
||||
</demo-section>
|
||||
<demo-block :title="t('title3')">
|
||||
<van-steps :active="0" direction="vertical">
|
||||
<van-step>
|
||||
<h3>{{ t('status1') }}</h3>
|
||||
<p>2016-07-12 12:40</p>
|
||||
</van-step>
|
||||
<van-step>
|
||||
<h3>{{ t('status2') }}</h3>
|
||||
<p>2016-07-11 10:00</p>
|
||||
</van-step>
|
||||
<van-step>
|
||||
<h3>{{ t('status3') }}</h3>
|
||||
<p>2016-07-10 09:30</p>
|
||||
</van-step>
|
||||
</van-steps>
|
||||
</demo-block>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
|
||||
Reference in New Issue
Block a user