support Steps
fixed npm run dev error with cann't find module vue-template-compiler update test demo style :
This commit is contained in:
parent
a804d60885
commit
bd596e7add
8 changed files with 32 additions and 40 deletions
|
@ -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;
|
Loading…
Add table
Add a link
Reference in a new issue