首页 > 其他 > 详细

vux.li 学习

时间:2016-04-19 10:06:13      阅读:511      评论:0      收藏:0      [点我收藏+]

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

 

 

vux.li 学习

原文:http://www.cnblogs.com/xiaoxiaomengxiangjia/p/5406969.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!