
mui
开心果小魏
这个作者很懒,什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
MUI在Vue中如何引入
1、进入mui官网,http://dev.dcloud.net.cn/mui/getting-started/ 点击进入新手指南,下载mui库文件夹 2、在项目中src目录下新建lib目录,把下载的库文件改为文件名为 mui 放到 lib文件夹下,查看 mui\examples\hello-mui\examples 此目录下的控件样式,决定选用那个控件后,右键——查看源代码,把相关代码复制...原创 2018-12-06 11:17:01 · 11312 阅读 · 7 评论 -
MUI tabbar购物车小图标的制作
1、在制作底部的 Tabbar 区域,使用的是 MUI 的 Tabbal.html 2、在制作 购物车 小图标的时候,操作会相对多一些; + 先把扩展图标的 css 样式,拷贝到 项目dist目录中的css文件夹中 + 再把扩展字体库中的 扩展 ttf 文件拷贝到 项目dist目录中的fonts文件夹中 + 为购物车小图标添加如下样式: mui-icon mui-icon...原创 2018-12-06 15:17:04 · 1371 阅读 · 0 评论 -
MUI 九宫格改造成六宫格
1、下载mui库文件,放到项目的src下的lib文件夹中 2、main.js 文件中导入 mui 样式 //导入mui import './lib/mui/dist/css/mui.min.css' import './lib/mui/dist/css/icons-extra.css' 3、在mui 样例中找到九宫格案例后,右键查看源代码,复制九宫格的代码到对应的 vue 组件的对应位置 ...原创 2018-12-07 13:43:02 · 4917 阅读 · 2 评论 -
vue_cli上使用mui或引入mui.js各种报错及问题
在main.js里添加 import mui from './assets/js/mui.js' 如果不添加下面会显示mui is not defined 报错 Vue.prototype.mui = mui 添加成功后就可以使用mui 了? 结果发现在vue里会使用严格模式,而mui不支持严格模式上使用,就会报错 Uncaught TypeError: 'caller',...转载 2018-12-10 10:37:17 · 1626 阅读 · 1 评论 -
MUI 制作顶部滑动条的坑们
制作顶部滑动条的坑们 1、需要借助于 MUI 中的 tab-top-webview-main.html 2、需要把 slider 区域的 mui-fullscreen 类去掉 3、滑动条无法正常触发滑动,通过检查官方文档,发现这是JS组件,需要被初始化一下 + 导入 mui.js + 调用官方提供的 方式 去初始化 mui('.mui-scroll-wrapper').scroll({ ...原创 2018-12-10 12:40:34 · 1727 阅读 · 1 评论