小程序UI框架minui

简介: 市面上小程序的UI框架似乎很少,不过合理的使用UI框架确实能帮助我们节省一些时间。同时考虑到知乎上评价minui与wepy的兼容性相对比较好,所以使用wepy的小伙伴可以了解一下。

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

相关文章
|
5天前
|
小程序 开发者 Windows
轻量、可靠的小程序 UI 框架 -- Vant Weapp的安装和使用
轻量、可靠的小程序 UI 框架 -- Vant Weapp的安装和使用
6 1
|
20天前
|
小程序 前端开发 JavaScript
微信小程序MINA框架
【6月更文挑战第4天】微信小程序MINA框架是一个专为小程序设计的框架,它主要分为两大部分:页面视图层(View)和AppService应用逻辑层。下面我将结合代码和图示来详细讲解MINA框架。
17 0
|
2月前
|
JavaScript Java 测试技术
基于SSM框架的童装购买平台微信小程序+vue.js附带文章和源代码设计说明文档ppt
基于SSM框架的童装购买平台微信小程序+vue.js附带文章和源代码设计说明文档ppt
24 1
|
2月前
|
Web App开发 开发框架 前端开发
Open UI5 前端开发框架配套的 Mock Server 工作原理解析
Open UI5 前端开发框架配套的 Mock Server 工作原理解析
|
2月前
|
开发框架 前端开发 JavaScript
学会Web UI框架--Bootstrap,快速搭建出漂亮的前端界面
学会Web UI框架--Bootstrap,快速搭建出漂亮的前端界面
|
2月前
|
JavaScript 前端开发 开发者
前端框架(Vue.js&&vue-cli项目框架&&element-ui使用)
前端框架(Vue.js&&vue-cli项目框架&&element-ui使用)
|
2月前
|
小程序
【微信小程序6】引入第三方UI的方法(ColorUi)
【微信小程序6】引入第三方UI的方法(ColorUi)
132 0
|
2月前
|
JSON 小程序 前端开发
小程序使用npm以及常用的移动端UI插件
小程序使用npm以及常用的移动端UI插件
20 0
|
2月前
|
人工智能 前端开发 搜索推荐
前端UI框架的发展:从混沌到秩序的演变
前端UI框架的发展:从混沌到秩序的演变
|
2月前
|
小程序 JavaScript
在使用微信小程序开发中用vant2框架中的Uploader 文件上传wx.uploadFile无反应和使用多图上传
网上有的说是bind:after-read="afterRead"的命名问题不支持-,但是我这儿执行了console.log("file",file);证明函数运行了。后来发现是multiple="true"原因开启了多图上传,如果是多图上传的话file就是数组了
162 2