市面上小程序的UI框架似乎很少,不过合理的使用UI框架确实能帮助我们节省一些时间。同时考虑到知乎上评价minui与wepy的兼容性相对比较好,所以使用wepy的小伙伴可以了解一下。
//安装minui
npm install -g @mindev/min-cli
//按需加载所需的组件
min install @minui/wxc-button
//文件中引入,注意是写在config中,不是用传统的组件import进来的方式。
config = {
navigationBarTitleText: 'test',
usingComponents: {
'wxc-button': '../../../packages/@minui/wxc-button/dist/index',
}
//在<template>中的书写标签wxc-button是minui的语法,size和type是minui的属性所以在使用中注意参考下方的官方文档。
<wxc-button plain="{{true}}" size="small" type="info" value="返回首页">
</wxc-button>