市面上小程序的UI框架似乎很少,不過合理的使用UI框架確實能幫助我們節(jié)省一些時間。同時考慮到知乎上評價minui與wepy的兼容性相對比較好寿弱,所以使用wepy的小伙伴可以了解一下弊予。
//安裝minui
npm install -g @mindev/min-cli
//按需加載所需的組件
min install @minui/wxc-button
//文件中引入,注意是寫在config中,不是用傳統(tǒng)的組件import進來的方式类垫。
config = {
navigationBarTitleText: 'test',
usingComponents: {
'wxc-button': '../../../packages/@minui/wxc-button/dist/index',
}
//在<template>中的書寫標(biāo)簽wxc-button是minui的語法,size和type是minui的屬性所以在使用中注意參考下方的官方文檔琅坡。
<wxc-button plain="{{true}}" size="small" type="info" value="返回首頁">
</wxc-button>