README

MTU UI组件库小程序版

基于小程序 2.17.0基础库开发，请确保项目大于或等于该版本

安装

安装教程使用的 微信开发工具 版本为 1.05.2105170，若您的版本低于该版本时流程大致相同需您自己斟酌。
该安装教程仅针对刚创建的新项目，如果是原有项目，部分步骤可以跳过，请自行斟酌。
安装前请确保您已安装NodeJS

在 微信开发工具 项目中依次点击 详情 -> 本地设置 -> 勾选 使用 npm 模块

在右下角控制台点击 终端 -> 新建终端，输入 npm init -y，等待完成

完成后继续输入 npm i mtu-mini 安装组件库，等待完成

点击左上角 工具 -> 构建 npm 构建完成后即可引入

引入

在项目 app.wxss 中引入组件库默认样式，该样式不是必须的，您可以自己定义！

@import './miniprogram_npm/mtu-mini/style.wxss';

在项目 app.json 中 usingComponents 字段(没有请自行添加)引入完整的组件库

{
  "usingComponents":{
    "m-ripple":"miniprogram_npm/mtu-mini/ripple/main",
    "m-icon":"miniprogram_npm/mtu-mini/icon/main",
    "m-button":"miniprogram_npm/mtu-mini/button/main",
    "m-appbar":"miniprogram_npm/mtu-mini/appbar/main"
  }
}

安装完毕，现在可以在您的页面上使用了

<!--pages/index/index.wxml-->
<m-button>Hello word</m-button>

开发文档

https://mtu.desgin/mini

Usage no npm install needed!

README

MTU UI组件库小程序版

安装

引入

开发文档