标签:
最近商城重新做,又要重新布置手机页面制作,工欲善其事必先利其器,开始选择的是vue.js,后来又发现了他的一个组件,这个组件将很多手机效果都封装的特别好,现在就担心UI不会用,然后改各种CSS。真主保佑
先把文件分析一下:
文件夹分析:
|--src
|--demos 例子
|--examples 练习使用例子
1,先看alert,在DEMO里面看需要使用几个类,将相关类全部引入
2,看看例子是如何写的,将例子方法复制
3,调试
alert DEMO:
<template>
<div>
<group>
<switch title="Toggle" :value.sync="show"></switch>
</group>
<alert :show.sync="show" title="congratulations">Message is sent successfully~</alert>
</div>
</template>
<script>
import { Alert, Group, Switch } from ‘../components/‘
export default {
components: {
Alert,
Group,
Switch
},
data () {
return {
show: false
}
}
}
</script>
标签:
原文地址:http://www.cnblogs.com/xiaoxiaomengxiangjia/p/5406969.html