小程序UI框架minui

作者: 王炳祺 | 来源:发表于2018-08-19 10:16 被阅读28次

市面上小程序的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>

https://meili.github.io/min/docs/minui/index.html#panel

相关文章

网友评论

  • 7db2b8912e6d:千篇一律的UI。。 个人感觉组件虽然多,但都不是很精美

本文标题:小程序UI框架minui

本文链接:https://www.haomeiwen.com/subject/ctrkbftx.html