在日常项目中，总有几个页面是要用到底部导航的，总有那么些个页面，是不需要底部导航的，这里列举一下页面底部导航的显示与隐藏的两种方式： 其实很简单，我们在路由里面带上参数，这个参数就用来区分那个页面显示那个页面不显示。在vue官网里面有提到一个路由元信息的玩意，感兴趣的朋友可以看看，这里我就不 ...

基于Html5 Plus + Vue + Mui 移动App 开发（二） 界面效果： 本页面采用Html5 Plus + Vue + Mui 开发移动界面，本页面实现： 1、下拉刷新、上拉获取更多功能； 2、使用Vue 进行数据绑定； 3、使用WebView 创建打开新的界面 ...

mui是通过mui-active的class属性来表示激活状态（改变该按钮的颜色） 配合router-link的linkActiveClass属性，就能在每次点击后并且跳转后，改变样式。 ...

在vue移动端项目开发中，底部导航还是非常常见的，但是也不是所有页面需要底部导航，那么不需要显示的页面怎么去掉呢 解决方法: 1、在路由配置中添加meta，在需要显示tabbarshow为true，不显示为false 2、app.vue中加if判断 ...

mounted() { try{ isIOS= !!navigator.userAgent.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/) if(fn.isIOS){ w ...

一、导航切换 封装一个公用组件Tabbar，在需要导航页的页面引入组件即可。代码如下： 注意： 页面设置占位容器是为了抵消底部导航栏固定定位的高度。 tabIndex 标记当前选中的路由。 tabsChange(index) 底部导航栏路由切换。 watch 监听路由 ...

使用Html5 plus + Mui 进行移动App开发，有一段时间了，这几日得空，做个资讯App分享给大家。 今天主要分享主页实现，首先看下效果： 此界面主要分为：标题、内容分类列表、搜索及设置按钮。 标题 <header class="mui ...

目录 事前准备 创建项目 利用MUI写一个简单的页面 效果展示 关于文件打包 事前准备 创建项目 利用MUI写一个简单的页面 效果展示 关于文件打包 ...