mtui-uni

基于uniapp的ui库，包括：Box 容器（可做普通容器，也可做上拉加载列表容器）、Button 按钮、Card 卡片、Collapse 折叠面板、Grid 多宫格、Keyboard 键盘、Loading 加载、Modal 模态框、Navbar 导航栏、Pagination 分页、Popup 弹窗、Rate 评分、Search 搜索框、Step 流程图、Swiper 轮播图、Tabbar 标签栏、Tabs 标签页、Tags 标签、表单验证、多级联动、多级联动面板、年月日时分秒选择框、附件（录音，图片，视
3,934
vue scss uniapp mtui
Install
npm install mtui-uni
Latest Version:1.1.7
Vue:2
Last Updated:Apr 19, 2024
Links: npm
Maintainer: lumeiqin
在使用 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";

Related Packages

cube-scss-components

Basic SCSS components of Cube web apps

1,013 6
scss
rollup-plugin-bundle-scss

Rollup .scss imports into one bundled .scss file

43,760 17
scss vue rollup-plugin
@skiyee/oiyo

以融合AI协作、提升开发体验、降低使用心智为目的 UniApp 增强型工程框架

8,700 39
uniapp vue vite
ada

a simple frentend build tool

6,310 5
scss postcss webpack
3a-ui
1,660 65
scss vue ui

Version History

Version Released Vue License
1.1.7 ^2.6.11
1.1.6 ^2.6.11
1.1.5 ^2.6.11
1.1.4 ^2.6.11
1.1.3 ^2.6.11