几款基于VUE兼容手机端的响应式步骤进度条样式代码

来源:https://www.sucaihuo.com/js/3487.html 2018-02-26 21:15浏览(3460) 收藏

几款基于VUE兼容手机端的响应式步骤进度条样式代码,分别有:1、简单的步骤条。2、含状态步骤条。3、有描述的步骤条。4、居中的步骤条。5、带图标的步骤条。6、竖式步骤条。7、简洁风格的步骤条。
几款基于VUE兼容手机端的响应式步骤进度条样式代码
分类:其它特效 > 页面引导 难易:初级
查看演示 下载资源 下载积分: 20 积分

js代码

<script type="text/javascript" src="js/vue.min.js" ></script>
<script type="text/javascript" src="js/element.min.js" ></script>
    <script type="text/javascript">
		new Vue({
		    el: '#myVue',
			data: {
			    stepVal1: 0,
			    stepVal2: 2,
			    stepVal3: 3,
			    stepVal4: 4,
			    stepVal5: 1,
			    stepVal6: 2,
			    stepVal7: 3
 			},
			methods: {
			    next() {
			        if (this.stepVal1++ > 2) this.stepVal1 = 0;
			    }
			}
	    })
	</script>
标签: 进度条步骤vue
评论0
头像

系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 1915635791

1 2