Vue UI

Mint UI

安装 npm install --save mint-ui

导入Mint UI
import MintUI from ‘mint-ui’
导入样式文件
import ‘mint-ui/lib/style.min.css’
注册为Vue的插件
Vue.use(MintUI) //Vue.use()是将其注册为全局插件比如说Vue.use(router)

mt-header 组件

1.title 2.fixed
css reset 样式重置
路由模式 history or hash

mt-button 组件

type ：default primary danger
size: small normal large
icon:back more
disabled 是否禁用
plain 是否为镂空按钮
如果不想用back 和more 则里面可以嵌套img 给img加一个slot=“icon”

mt-field组件

typy:text password textarea number email url
:attr:用于书写输入框的原生属性 object类型，如：maxlength：15 autocomplete:off
state:success warning error

this.$toast(“提示内容”)
{
message：“提示内容”,
positon:top bottom center
duration:2000
iconclass:“字体图标Css类名称”
}

field组件失去焦点和聚焦
@blur.native.capture=""
@focus.native.capture=""

mt-navbar组件=>mt-tab-item
mt-container=>mt-tab-container-item
mt-tabbar=>mt-tab-item