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