mtui-uni
v1.1.7
Published
基于uniapp的ui库,包括:Box 容器(可做普通容器,也可做上拉加载列表容器)、Button 按钮、Card 卡片、Collapse 折叠面板、Grid 多宫格、Keyboard 键盘、Loading 加载、Modal 模态框、Navbar 导航栏、Pagination 分页、Popup 弹窗、Rate 评分、Search 搜索框、Step 流程图、Swiper 轮播图、Tabbar 标签栏、Tabs 标签页、Tags 标签、表单验证、多级联动、多级联动面板、年月日时分秒选择框、附件(录音,图片,视
Downloads
73
Readme
在使用 MtUI UNI 版 前,请确保你已经学习并熟练使用过 uni-app 。
mtui-uni 文档
方式一 :通过 npm 安装(只适用 h5)
使通过 npm 安装,需要先通过 vue-cli 创建 uni-app 项目,详见
npm install mtui-uni --save
//在 main.js 中引入组件库
import Vue from "vue";
import mtui from "mtui-uni";
Vue.use(mtui);
<style lang="scss">
@import "mtui-uni/src/components/mt-theme/iconfont/iconfont.css";
</style>
//在 uni.scss 中引入组件样式
@import "mtui-uni/src/components/mt-theme/index.scss";
方式二 :通过下载代码(适用 h5,app)
通过 GitHub 下载组件,将 src/components/
/static
目录拷贝到自己的项目中。
git clone https://github.com/lacey-lmq/mtui-uniapp.git
<style lang="scss">
@import "./components/mt-theme/iconfont/iconfont.css";
</style>
//在 uni.scss 中引入组件样式
@import "./components/mt-theme/index.scss";
方式三 :选择需要的模块引入
下载 Mt UI 的代码,在 src/components/
目录下找到需要的组件拷贝到自己的项目中。
git clone https://github.com/lacey-lmq/mtui-uniapp.git
在 src/components/mt-theme
目录下找到需要的组件样式拷贝到项目中。
<style lang="scss">
@import "./components/mt-theme/iconfont/iconfont.css";
</style>
//在 uni.scss 中引入组件样式
@import "./components/mt-theme/mt-box.scss";