最近商城重新做,又要重新布置手机页面制作,工欲善其事必先利其器,开始选择的是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>
时间: 2024-10-28 15:20:34