mint-ui —— action sheet的使用

action sheet

操作表，从屏幕下方移入。

 

Import

按需引入：

import { Actionsheet } from 'mint-ui';

Vue.component(Actionsheet.name, Actionsheet);

 

全局导入：全局导入后不用再导入

importMint from'mint-ui'

import'mint-ui/lib/style.css'

Vue.use(Mint);

 

 

API

 

 

示例：

src/main.js

import Vue from 'vue'
import App from './App'
import router from './router'

// 引入mint-ui
import Mint from 'mint-ui';
import 'mint-ui/lib/style.css'
Vue.use(Mint);

Vue.config.productionTip = false

/* eslint-disable no-new */
new Vue({
  el: '#app',
  router,
  template: '',
  components: { App }
})

 

xxx.vue：

 

 

show：

点击“点击上拉 action sheet”按钮，显示出来

  点击“拍照”，执行了 getCamera函数

demo链接：http://download.csdn.net/download/michael_ouyang/9949585

使用前输入命令:

npm install

npm run dev