一个项目,其设想是这样的,当我进入页面,发现有新版本,提示用户之后,用户点击确定跳转到下载页面. 弹出框要用自己封装的,因为uniapp的弹出框不同的手机上展示的样子不一样,领导的是华为(在这里悄悄吐槽一下原生弹出框在华为的一些型号的机子上真的好丑) 好了我什么也没说 自己封装的弹出框,压不住原生底部菜单栏,不知道是不是我封装的有问题,先解决点击让它不跳转的问题 我瞅了眼文档,文档说:‘App端可以使用plus.nativeObj.view做弹出和遮罩’ 下面是方法 var view = nul

h5端的uni-app项目 需求:uni-app h5端跳转到底部导航栏的时候使用方法uni.switchTab跳转刷新页面更新数据 百度的方法如下: uni.switchTab({ url: '/pages/index/main', success: function (e) { var page = getCurrentPages().pop(); console.log('page',page) if (page == undefined || page == null) return;

{ "pages": [ //pages数组中第一项表示应用启动页,参考:https://uniapp.dcloud.io/collocation/pages { "path": "pages/index/index", "style": { "navigationBarTitleText": "uni-app" } }, { "path": "pages/

今天在分包时突然无法跳转了,记个笔记 场景: 位于tabbar页面(主包)的子组件跳转到分包页面时,无法跳转 尝试办法: 使用uniapp原生跳转 uni.navigateTo({ url:'xxxxxx' }) 无法跳转 检查pages.json里的路由配置 正常 无法跳转 主包里的是否不能跳转分包里的路由 别的组件均可以跳转,排除 检查跳转路径 使用绝对路径,且按alt键可以跳转到该子包页面 排除 5. 解决办法 使用uniapp原生导航方式,且需添加success.fail.以及compl

midButton 中间按钮 仅在 list 项为偶数时有效 , 需要App 2.3.4+.H5 3.0.0+以上版本 midButton 属性说明 属性 类型 必填 默认值 描述 width String 否 80px 中间按钮的宽度,tabBar 其它项为减去此宽度后平分,默认值为与其它项平分宽度 height String 否 50px 中间按钮的高度,可以大于 tabBar 高度,达到中间凸起的效果 text String 否   中间按钮的文字 iconPath String 否  

隐藏tabBar有2种方式 1,在sourceController中隐藏目的控制器的tabBar - (void)prepareForSegue:(UIStoryboardSegue *)segue sender:(id)sender { UIViewController *vc = segue.destinationViewController; vc.hidesBottomBarWhenPushed = YES; } 2,storyboard中勾选Hide Bottom Bar on pus

1. 安装taro-ui (此处使用cnpm) cnpm install taro-ui 2. 全局引入样式 app.scss sass :@import "~taro-ui/dist/style/index.scss"; 3. 使用tabBar组件中引入AtTabBar ,详情可查询官网:https://taro-ui.aotu.io/#/docs/tabbar import { AtTabBar } from 'taro-ui' @import "~taro-ui/dis

当wx.navigateTo跳转链接跟app.json中设置的tabbar中跳转链接一样时,wx.navigateTo就不能跳转可以改为wx.switchTab 1.当app.json中设置了tabbar跳转时2.普通跳转wx.navigateTo不起作用,要换成是wx.switchTab .

一.简介 微信小程序页面主要分为tabbar页面和应用内页面,这两种页面的跳转方式不同 二.tabBar页面跳转 tabBar 是底部导航栏页面,如下图 在app.json中的配置如下: 跳转方式如下: 也可以用 navigator 跳转,需要设置 open-type="switchTab" 三.应用内页面跳转 注意:只能跳转不带TabBar的页面 应用内页面跳转有两种方式 (1).用wx.navigateTo({})方式跳转 (2).navigator 跳转

1 路由的跳转 uni.navigateTo({ url:'/pages/home/search' }); //非tabBar页面跳转 uni.switchTab({ url:"/pages/index/index" }) //非tabBar跳转到tabBar页面 2 请求 uni.request({ url: 'https://www.easy-mock.com/mock/5cb6c0b0af031b75d25dc1f5/element/historyComtent', //接口地址

1.navigator 对应的 url 必须配置在app.json的pages中: 2.navigator 对应的 url 不能配置在"tabBar"的"list"里面了,负责无法跳转,因为tabBar的跳转需用switchTab进行:

一.环境配置,和项目层次搭建 二.自定义TabBar 项目中TabBar中的导航按钮美工给的图片太大,图片中包含了图片和文字.最主要的是TabBar上面的按钮图片尺寸是有规定的,当高度大于44的时候,就不会显示了 解决办法:自定义TabBar,继承自UIView,给UIView设置相应个数的按钮,自定义控件需要 1.自定义控件类 -- 自身有存放模型数据的集合,在数据的setter方法中定义子控件,给子控件设置相应的属性 2.模型类--这里的模型类借用了系统的UITabBarItem,因为系统设

个人感觉小程序的tab样式自定义的能力有所欠缺,不够美观,于是今天自己diy了一个tab 测试的时候发现,无论是使用navigator跳转(会出现点击的效果)还是用bindtap(触摸),因为没有定义tabbar, 跳转的方式都只能是页面重定向的,导致tab页上的ABCD互相跳转的时候,每次都会重新渲染视图,由此带来的 视觉效果很不好,没有系统tabbar跳转地自然,万般无奈之下,只好用回系统自带的tabbar. 如果你有好的方法能够解决自定义tabbar跳转重新渲染的问题,烦请告知,在此谢过!

在项目开发中我遇到这样的一个问题,页面需要navigator链接跳转一个页面,tabbar也需要导航到这个页面,最开始还没有添加tabbar的时候,navigator都能够正常跳转,但是当加上tabbar的时候,tabbar能跳转,navigator就点击不动了. 一脸蒙逼的我开始以为是逻辑处理上出了问题,排查了半天也没发现哪儿有问题,控制台也不报错,心累... 后来又开始查navigator.tabbar的属性,怀疑是有什么属性问题,通过观察发现navigator有个open-type属性,值

二阶段学习过程: (一)看官方文档的框架.组件.API:https://mp.weixin.qq.com/debug/wxadoc/dev/ (二)看极客学院第3.4章视频:http://www.php.cn/course/297.html (三)模仿并写出各个demo(模板应用demo.快递查询demo.登陆界面demo) 获取app.js的变量/方法: 前提:在app.js中定义了变量或所需方法 ①在当前页面的*.js最上面定义var app=getApp() ②在需要调用app中变量的方法

项目地址如遇网络不佳,请移步国内镜像加速节点 前端技术: Angular4.x + ionic3.x + cordova 项目运行: git clone git@github.com:EasyTuan/ionic-cordova-demo.git # 国内镜像加速节点:git@gitee.com:easytuan/ionic-cordova-demo.git # 全局安装ionic和cordova npm install -g cordova ionic # 安装项目依赖 npm install

一,小程序的文件结构 小程序包含一个描述程序的app和多个描述各自页面的page 一个小程序主体部分由三个文件组成,必须放在项目的根目录,如下: 一个小程序页面由四个文件组成,分别是: 下面是一个单页面的小程序所需目录: 其中: index文件夹代表一个页面.index.js脚本文件相当于JavaScript脚本文件..json配置文件..wxml相当于HTML模板文件..WXSS相当于css样式文件. utils文件夹是全局配置.app.json当前小程序的全局配置.app.js全局脚本文件.

做app开发,有时需要跳转打开外部的app应用,来促成引流或者分享等,这个时候就需要通过scheme跳转协议来完成. 使用scheme跳转外部app,就需要配置对应app的scheme,那这个scheme怎么来呢? 1.网上搜索常用的app的scheme 2.自己通过一些方法来获取 获取方法:电脑下载爱思助手 1.打开爱思助手,下载对应的app 2.打开该app所在文件夹,把后缀.ipa变成.zip后解压 3.找到解压后文件夹里面的Info.plist文件,打开,你会看到很多scheme,然后自

获取用户信息 调用 wx.getUserProfile 方法获取用户基本信息.页面产生点击事件(例如 button 上 bindtap 的回调中)后才可调用,每次请求都会弹出授权窗口,用户同意后返回 userInfo 具体参数如下: 属性 类型 默认值 必填 说明 lang string en 否 显示用户信息的语言 desc string 是 声明获取用户个人信息后的用途,不超过30个字符 success function 否 接口调用成功的回调函数 fail function 否 接口调用失

今天看Dcloud官网更新了个uni-app,据说一套代码三端发布(Android,iOS,微信小程序),果断一试. uni.navigateTo(OBJECT) 保留当前页面,跳转到应用内的某个页面,使用uni.navigateBack可以返回到原页面. OBJECT参数说明 参数 类型 必填 说明 url String 是 需要跳转的应用内非 tabBar 的页面的路径 , 路径后可以带参数.参数与路径之间使用?分隔,参数键与参数值用=相连,不同参数用&分隔:如 'path?key=valu