npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2024 – Pkg Stats / Ryan Hefner

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";