support Steps

fixed npm run dev error with  cann't find module vue-template-compiler
update test demo style
:
This commit is contained in:
huixisheng 2017-03-01 21:10:43 +08:00
parent a804d60885
commit bd596e7add
8 changed files with 32 additions and 40 deletions

View file

@ -1,7 +1,5 @@
<style>
</style>
<template>
<div>
<Steps :current="1" size="small">
<Step title="已完成" content="这里是该步骤的描述信息这里是该步骤的描述信息这里是该步骤的描述信息"></Step>
<Step title="进行中" content="这里是该步骤的描述信息"></Step>
@ -41,8 +39,9 @@
<Step title="步骤3"></Step>
<Step title="步骤4"></Step>
</Steps>
<i-button type="primary" @click="next">下一步</i-button>
<br><br>
<br>
<Button type="primary" @click.native="next">下一步</Button>
<br><br><br>
<Steps :current="1" direction="vertical" size="small">
<Step title="已完成" content="这里是该步骤的描述信息这里是该步骤的描述信息这里是该步骤的描述信息"></Step>
<Step title="进行中" content="这里是该步骤的描述信息"></Step>
@ -56,18 +55,18 @@
<Step title="待进行" content="这里是该步骤的描述信息"></Step>
<Step title="待进行" content="这里是该步骤的描述信息"></Step>
</Steps>
</div>
</template>
<script>
import { Page, Steps, iButton } from 'iview';
import { Steps, Button } from 'iview';
const Step = Steps.Step;
export default {
components: {
Page,
Steps,
Step,
iButton
Button
},
props: {
@ -82,9 +81,6 @@
},
methods: {
setPage (page) {
console.log(page)
},
next () {
if (this.current == 3) {
this.current = 0;