码迷,mamicode.com
首页 > 其他好文 > 详细

vue+muse-ui

时间:2020-01-06 12:26:24      阅读:309      评论:0      收藏:0      [点我收藏+]

标签:class   code   小例子   template   安装   float   label   展示   default   

1.可以很好的配合vue2.0开发

2.安装:

npm install  muse-ui --save

3.引入:

在main.js中加入

import Vue from ‘vue‘
import MuseUI from ‘muse-ui‘
import ‘muse-ui/dist/muse-ui.css‘
Vue.use(MuseUI)
 
4.小例子展示:
<template>
<div  class="myReservationRang">
  <mu-date-input v-model="startDate" label="选择日期" label-float></mu-date-input>
    &nbsp;&nbsp; 至 &nbsp;&nbsp; 
    <mu-date-input v-model="endDate" label="选择日期" label-float></mu-date-input>
    <mu-button color="primary" small>查询</mu-button>
</div>
</template>
<script>
export default{
  data(){
    return {
          startDate:‘‘,
          endDate:‘‘,
    }
  }
}
</script>
<style>

  .myReservationRang{
    padding: 5px 15px 0px 15px;
}
</style>
 
5.结果截图:
技术图片

 

技术图片

 

 

 

 

 

vue+muse-ui

标签:class   code   小例子   template   安装   float   label   展示   default   

原文地址:https://www.cnblogs.com/yiyezhiqiuwuchen/p/12155407.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!