首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

Mint-UI

一、 MUI不同于Mint-UI,MUI只是开发出来的一套很好用的代码片段,里面提供了配置的样式,配置的HTML代码段,类似于Bootstrap; 而Mint-UI,是真正的组件库,是使用了Vue技术封装出来的成套的组件...,可以无缝的和VUE项目进行集成开发; 因此,从体验上来说,Mint-UI体验更好,因为这是别人帮我们开发的现成的组件库;MUI和bootstrap类似 理论上,任何项目都可以使用MUI或Bootstrap...,但是,Mint-UI只适用于Vue项目 二、安装mint-ui cnpm install mint-ui -S 三、引入 // 引入 整个mint-ui import MintUI from 'mint-ui...' import 'mint-ui/lib/style.css' Vue.use(MintUI) // 注意样式文件要单独引入 // 按需导入 1、安装 babel-plugin-component...", "style":true }]] } 3、使用 import {Button} from 'mint-ui' Vue.component(Button.name,Button

2.6K10
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    Mint UI入门系列教程

    Vue移动端框架Mint UI教程-搭建环境引入框架(一) ---- 官网:https://mint-ui.github.io/#!...7:然后在项目中的main.js文件引入所有组件 // 引入全部组件 import Vue from 'vue'; import Mint from 'mint-ui'; Vue.use(Mint...Vue移动端框架Mint UI教程-底部导航栏(二) 接着上一篇:Vue移动端框架Mint UI教程-搭建环境引入框架,开始来写代码: 1:在components里面新建一个vue文件,将底部的Tab抽取出来成为一个组件使用.../router' import Mint from 'mint-ui' import 'mint-ui/lib/style.css' Vue.config.productionTip = false...Vue移动端框架Mint UI教程-组件的使用(三) 前面两节说到,从搭建环境,引入Mint框架,到实现一个页面导航跳转; 然后就是开始写每个页面的代码,Mint UI存在必有道理,基于vue2.0mint-ui

    3.2K31

    Vue移动端框架Mint UI教程-搭建环境引入框架(一)

    今天具体说一说比较常用的;Mint UI框架的按钮组件,Mint UI是 饿了么团队开发基于vue .js的移动端UI框架,它包含丰富的 CSS 和 JS 组件,能够满足日常的移动端开发需要。...官网:https://mint-ui.github.io/#!/zh-cn Github: https://github.com/ElemeFE/mint-ui/ ---- ?...运行初始化demo,输入命令npm run dev;运行一下初始后的demo,弹出访问地址,如果没有问题则进行安装Mint UI;准备好好之后,开始引入饿了么Mint UI组件。...6:安装 Mint UI npm install mint-ui -S 快捷键ctrl+c,终止批处理操 作吗(Y/N),从上一步退出来,再输入命令npm install mint-ui -S 成功安装组件显示如下...7:然后在项目中的main.js文件引入所有组件 // 引入全部组件 import Vue from 'vue'; import Mint from 'mint-ui'; Vue.use(Mint

    3K20

    mint-ui loadmore 采坑指南

    前言 loadmore的部分主要是mint-ui用来解决上拉以及下拉的部分,用来做加载更多数据或者刷新的部分。...其官方组件:https://mint-ui.github.io/docs/#/zh-cn2/loadmore 使用 其基本使用就不再赘述了,这里主要讲起使用的时候遇到的问题。...其方法名称使用 要注意的是其api的方法,其文档写的是topMethod ,但是使用的时候其实是:top-method ,其他也是。...心心念的demo mint-ui loadmore案例 其他 如果你觉得这个模块问题太多了,那么这里推荐你另外的两个模块可以使用下,一个是better-scroll,一个是mescroll . https...://github.com/ustbhuangyi/better-scroll ,文档很强,很佛系,滴滴的cube-ui的滚动就是基于这个封装的组件。

    1.2K30

    Vue移动端UI框架

    2.Mint UI 中文文档:http://mint-ui.github.io/docs/#/ github地址:https://github.com/ElemeFE/mint-ui 在线预览:http...://elemefe.github.io/mint-ui/#/ 饿了么前端团队推出的 Mint UI 是一个基于 Vue.js 的移动端组件库,包含丰富的 CSS 和 JS 组件,能够满足日常的移动端开发需要...优点:1:MUI不依赖任何第三方JS库,压缩后的JS和CSS文件仅有100+K和60+K 2:最接近原生ui 3:性能流畅不卡顿 4.Muse-ui 中文文档:http://www.muse-ui.org...6.Vant 中文文档:https://open.youzan.com/zanui/ github地址:https://github.com/youzan/zent Vant 是有赞开源的一套基于 Vue...7.Cube UI 滴滴 github地址:https://github.com/didi/cube-ui 中文文档:https://didi.github.io/cube-ui/#/zh-CN/docs

    3.1K20
    领券