Vue Awesome Mui

最新推荐文章于 2023-11-24 12:17:50 发布
最新推荐文章于 2023-11-24 12:17:50 发布
阅读量1.5w 收藏 3
点赞数 3
分类专栏： 前端 文章标签： 博客 前端 浏览器 csdn博客 css
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_27080247/article/details/50735471
版权

vue-awesome-mui

Design Mui library for Vuejs 2.x

Links

Install

Install vue-awesome-mui

npm install vue-awesome-mui -save

Get Started

Vue mount

// import or require
import Vue from 'vue'
import Mui from 'vue-awesome-mui'
import 'vue-awesome-mui/mui/dist/css/mui.css'
// mount with global
Vue.use(Mui)

If you need icon, you can require icon.css

import "vue-awesome-mui/mui/examples/hello-mui/css/icons-extra.css";

Example

Give a few examples

Vue componentsMui document
折叠面板Accordion
操作表Actionsheet
数字角标Badges
按钮Buttons

Browser Support

  • IE 10+
  • Andorid 4.4+
  • IOS 7+

Changelog

Detailed changes for each release are documented in the release notes.

Contribution

Please make sure to read the Contributing Guide before making a pull request.

Dependencies

Licence

vue-awesome-mui is open source and released under the MIT Licence.

Copyright © 2016 Wscats

About author

enoyao
关注
  • 3
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
专栏目录
mui-vue2：mui + mint + vue2.x + vue-router + vuex + webpack最终打包成原生apk的应用项目，样式使用vue移动端mint ui框架，原生手机能力偏重于mui框架，欢迎星级！
02-20
mui-vue2 基于mui + vue2.x的H5 APP项目，页面视图全部都是html5页，不是嵌入app原生页面，项目可以直接运行在PC上调试，也可以在hbuilder上真机调试，可以直接下载安装。 项目文档地址： 。 考虑访问速度：码云项目地址： 前端技术交流群：247880151 这是升级到vue2.x和webpack再重新配置成单页app，如果想看vue1.0 + gulp多页面app请看仓库mui-vue app打包技术是用工具一键打包成APP，也可以通过eclipse本地打包（本地打包是有添加Android sdk包的需求，这里没有介绍，只是简单构建使用，本地打包工程文件如需可以索取） 。这些都是提供一整套技术解决方案。 说明：编辑和项目开发实例了github上yujinjin / fans和vue美团的项目，项目只是基本页面，后面再添加页面和替换接口 前端UI的部分使用m
vue-awesome-countdown:[Vue]（http
05-14
真棒倒计时 2.5.0+具有高性能和高精度的倒计时插件。 安装 安装 $ npm install vue-awesome-countdown --save # or $ yarn add vue-awesome-countdown ES6 import vueAwesomeCountdown from 'vue-awesome-countdown' Vue . use ( vueAwesomeCountdown , 'vac' ) // Component name, `countdown` and `vac` by default 普通JS var Vue = require ( 'vue' ) ; var vueAwesomeCountdown = require ( 'vue-awesome-countdown' ) . default ; Vue . use ( vueAw
Vue+Mui实现列表侧滑删除功能.zip
04-16
Vue+Mui列表侧滑删除功能，点击删除按钮出现弹出弹框Vue+Mui列表侧滑删除功能，点击删除按钮出现弹出弹框
VUE中使用MUI方法
12-08
VUE中如何使用MUI 1、第一步：下载MUI 百度搜索MUI进入其官网点击右上角github地址，下载MUI文件  2、第二步：拷贝文件 拷贝下载文件的dist目录中的三个文件复制到自己项目中创建的mui目录中 。 若引入的mui.css报错,可能是mui中url会指向一些图片，将图片地址的单引号改为双引号就可以了。 3、第三步：引入MUI的样式 在main.js文件中，引入mui的样式 import ‘mui.css文件的相对路径‘; 如 import ‘../mui/css/mui.css’; 4、第四步：选择需求样式效果 运行mui-master\examples\hello-m
测试Vue用到的几个框架库：Vue / mui
08-31
测试Vue用到的几个框架库：Vue / mui ;和一个测试的小视频
vue-awesome-mui：Vue.js的Mui组件（1.x〜2.x）
02-06
Vue真棒梅 Vuejs 2.x的Design Mui库 链接 安装 安装vue-awesome-mui npm install vue-awesome-mui -save 开始使用 Vue支架 // import or require import Vue from 'vue' import Mui from 'vue-awesome-mui' import 'vue-awesome-mui/mui/dist/css/mui.css' // mount with global Vue . use ( Mui ) 如果需要图标，则可以要求icon.css import "vue-awe
vue2.x中使用mui
前后端分离，人不分离！
10-12 1295
vue2.x中使用mui
vue插件应用实列集合
jdBug
01-12 712
1：animate.css的应用 2：jwt的解密应用 3：监听安卓手机的物理返回键 mui 4：vue复制的功能 5：vue生成二维码 6：vue前端生成验证码 7：获取验证码的方法 8：vue项目中简单的px到rem的换算单位 1：animate.css的应用 1：npm install animate.css --save 2：main.js main.js中 import animated from 'animate.css'; Vue.use(animated); == 3：应用== <d
H5套壳APP,解决使用HbuilderX打包vue项目后，左滑退出app问题
fhdjdfhjd的博客
11-24 420
在 router 里面加导航守卫，随便缓存一个数，我这里是缓存了个“quit”为 0 或 1，当进入 home 页时缓存 quit 为 1，否则为 0。使用时在VUE项目根目录下的 public 目录下的 index.html 文件里加入 script。
vue 开发webapp 手机返回键 退出问题
brake_lzk的博客
06-13 1万+
mui进行手机物理键的监听首先安装 vue-awesome-muinpm i vue-awesome-mui在main.js注册import Mui from 'vue-awesome-mui';Vue.use(Mui);在index.html&lt;script&gt; mui.init({ keyEventBind: { backbutton: t...
vue 开发App监听手机 返回键返回上级路由以及退出
qq_43287934的博客
02-19 2341
vue 开发App监听手机 返回键返回上级路由以及退出 一、mui进行手机物理键的监听 首先安装 vue-awesome-mui npm i vue-awesome-mui 二、在main.js注册vue-awesome-mui import Mui from "vue-awesome-mui" Vue.use(Mui) 三、在index.html中监听手机返回键 &lt;script&gt;...
vue3.0使用mui
li1375603382的博客
04-18 1311
1.下载mui 1.去mui的github https://github.com/dcloudio/mui点击clone or download下载.zip格式的包，解压后dist文件夹有css，js，fonts文件 2.使用hbuilderX 2.在vue项目public新建文件如下 3.在main.js引入 import Vue from 'vue' import App fr...
vue项目中使用H5Plus
Shuanger112的博客
12-24 6098
HTML5 Plus应用概述： H5Plus是一种基于HTML、JS、CSS编写的运行于手机端的App，这种App可以通过扩展的JS API任意调用手机的原生能力，实现与原生App同样强大的功能和性能。 首先拉一套vue-cli的脚手架 vue init webpack project 安装mui npm i vue-awesome-mui 在main.js 文件中引入 import Mui ...
mui+vue实现webapp的手机物理键监听
我们明天会更好的博客
04-08 1006
实现首页按两次返回键退出，其他页面按一次返回上一级 1、在main.js： import Mui from 'vue-awesome-mui'; Vue.use(Mui); Vue.prototype.$mui = Mui; 2、在App.vue首页： mounted(){ var backcount = 0; this.$mui.back = ()=> { if (this....
vue移动端物理按键点击两次再退出应用
Now_li的博客
05-25 1110
vue生成的APP一般点击一次物理返回按钮便直接退出应用，用户使用时比较不方便。使用mui中的方法实现需要点击两次再退出应用。代码如下 1.npm下载一个mui依赖 npm install --save vue-awesome-mui 2.在main.js中引用 import Mui from 'vue-awesome-mui' Vue.use(Mui) 3.在根目录中的index.html页面中添加实现方法： <script type="text/javascript"> mui.
Vue中使用h5+
weixin_57064740的博客
12-02 1551
1、下载模块 npm i vue-awesome-mui -S （如果有淘宝镜像也可使用cnpm i vue-awesome-mui -S，速度会快一些） 2、在main.js中引入 import Mui from 'vue-awesome-mui' import 'vue-awesome-mui/mui/dist/css/mui.css' Vue.use(Mui) 3、代码测试 为了方便看出效果，我们可以直接修改组件下的HelloWold组件。在html写页面，在js中写方法，这里我测试了调用摄像头 &
vue中使用mui遇到的坑
weixin_43991262的博客
06-12 1638
1、导入mui之后报错 在刚把mui导入vue项目中，项目会报错 Uncaught TypeError: ‘caller’, ‘callee’, and ‘arguments’ properties may not be accessed on strict mode functions or the arguments objects for calls to them 错误原因： mui在使用...
Vue中使用h5 Plus的方法
千里小马哥的博客
03-02 2万+
零、前言 npm上Vue中使用的库数不胜数，作为移动App端的又一泰斗，h5 plus当然也是可以被使用进来的。H5Plus是一种基于HTML、JS、CSS编写的运行于手机端的App，这种App可以通过扩展的JS API任意调用手机的原生能力，实现与原生App同样强大的功能和性能。 一、安装库 1.安装库 cnpm i vue-awesome-mui -S 如果没有cnpm那就npm吧！ ...
mui结合vue使用
热门推荐
a8725585的博客
05-15 4万+
vue加载完加载mui,当用到plus时先加载完plus基座再初始化muivar t=new Vue({ el:'#app', data:{ tabledata:[], countdata:[], nowtime:'', }, mounted (){ //mui mui.plusR
vue-awesome-mui 安装
最新发布
01-12
你可以通过以下两种方法来安装vue-awesome-mui： 方法一： 1. 打开终端或命令提示符。 2. 运行以下命令来安装vue-awesome-mui： ```shell npm install vue-awesome-mui --save ``` 3. 等待安装完成。 方法二： 1. 打开项目的main.js文件。 2. 在文件的顶部添加以下代码： ```javascript import Mui from 'vue-awesome-mui'; Vue.use(Mui); ``` 3. 保存文件。 这样，你就成功安装了vue-awesome-mui库。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值