console
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=, initial-scale=">
<meta http-equiv="X-UA-Compatible" content="">
<script src="https://static.360buyimg.com/pops/xstoreom/plugins/vue/vue.min.js">
</script>
<script src="https://static.360buyimg.com/pops/xstoreom/fresh/fresh.min.js">
</script>
<link href="https://static.360buyimg.com/pops/xstoreom/fresh/styles/fresh.min.css" rel="stylesheet" />
<style>
body {
padding: 20px
}
</style>
</head>
<body>
<p-steps :current="2" direction="vertical">
<p-step title="已完成" content="这里是该步骤的描述信息"></p-step>
<p-step title="已完成" content="这里是该步骤的描述信息"></p-step>
<p-step title="进行中" content="这里是该步骤的描述信息"></p-step>
<p-step title="待进行" content="这里是该步骤的描述信息"></p-step>
</p-steps>
<script>
new Vue({
el: "body",
data: {
current: 0
},
methods: {
next: function() {
if (this.current == 3) {
this.current = 0;
} else {
this.current += 1;
}
}
}
})
</script>
</body>
</html>