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

小程序navigateTo和tabBar不能同时指向一个路径 wx.navigateTo和wx.redirectTo不允许跳转到tabBar页面,只能用wx.switchTab跳转到tabBar页面. 如果不用button的点击事件进行跳转,可以用 navigator 标签加上 open-type="switchTab" 属性也可以跳转到tabBar绑定的页面. --------------------- <view bindtap="bindViewTap"

下面两种情况是我在开发过程中遇到的,一种是代码使用pushViewController,还有一种是storyboard直接使用push.之前也查阅了非常多关于隐藏底部tabbar的资料.可是要么使用起来麻烦,要么就是藕合度高代码不规范(这里有点代码洁癖,当前类相关的事务应该写在本类中). 1.使用pushViewController 如A->B;A是列表页.带有tabbar:B是内容页.不须要tabbar: 在A的事件中打开B.例如以下代码 -(void)showVideo:(EJAlbumMo

一.引入uni-indexed-list.uni-icons组件 从uni-app插件市场下载或从HBuilder X提供的hello uni-app模板中复制 二.页面中引用 三.对请求获得的数据处理,最终要和官方模板提供的数据结构类似,如下 3.1.模拟数据 3.2.提取数据中name字段的首字母 引入chineseConversion.js文件,js内容如下 https://files.cnblogs.com/files/baobao0205/chineseConversion.js 在页

有时有这样一个需求,页面底部有几个图标能够点击,假设一个screenWidth显示不下这些图标,则这一列图标最后一个是more,点击more,能够通过动画展示两列图标 这样来增加layout中: <FrameLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height=&quo

在小程序论坛上找答案,一同问了,截图如下

{ "path": "pages/login/login", "style": { "navigationStyle": "transparent", "app-plus": { "titleView": false } } },

话不多说上代码 let pages = getCurrentPages() let page = pages[pages.length - 1]; let currentWebview = page.$getAppWebview(); currentWebview.setTitleNViewButtonStyle(0, { text: "按钮新文字" }); CV即可,如果解决了你的问题,请点个赞,谢谢

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

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

uni-app跨端自定义navbar+tabbar组件|沉浸式导航条|仿咸鱼凸起标签栏 在跨端项目开发中,uniapp是个不错的框架.采用vue.js和小程序语法结构,使得入门开发更容易.拥有非常丰富的插件生态.支持编译到h5.小程序及App等多个终端平台. 如上图:编译到h5+小程序+App端效果 ◆ 准备 在项目根目录components下新建ua-navbar和ua-tabbar组件. 在main.js中全局引入组件. // 引入自定义组件 import NavBar from './co

隐藏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

在微信小程序的开发过程中如果有使用过tabbar的同学,我相信一定会遇到一些困扰.为什么有些时候代码中明明已经在app.json里面增加了tabbar,可以页面中就是不显示呢?可不可以有些页面显示tabbar,而有些页面不显示tabbar呢?今天我把我在开发过程中遇到的问题整理出来跟大家分享.问题1:为什么页面底部不显示tabbar?很多网友(包括我自己)也遇到过此类问题,在app.json里面明明加了tabbar,list里面也加了路径怎么就是不显示呢?举例,如下代码,为什么屏幕页面底部没有如

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

总结Tips: (1)navigateTo,redirectTo 只能打开非 tabBar页面 (2)switchTab只能打开 TabBar 页面 (3)reLaunch可以打开任意界面 (4)页面底部的 tabBar 由页面决定,即只要是定义为 tabBar 的页面,底部都有tabBar (5)不能在 App.vue 里面进行页面跳转 uni.navigateTo( OBJECT) —— 保留当前页面,跳转到应用内的某个页面,使用  uni.navigateBack  可以返回到原来页面 O

开发了一年的uni-app,在这里总结一些uni-app开发中的问题,提供几个解决方法,分享给大家: 问题描述:一个主页面,需要联通一到两个子页面,子页面传值到主页面,主页面更新 问题难点: 首先我们需要一个逻辑模型(这里随便画了一个) 通过这个模型,我们可以看到一个问题,子页面的内容怎么传回主页面,怎么让这个传回的方式更安全有效,这也是这个问题的难点,我总结了三种解决方法,在这里分享给大家: 第一种:url传值 顾名思义,就是利用页面的url方法来传值,具体操作逻辑如下: 主页面:用onloa

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

前言 uni-app uni-app是DCloud推出的终极跨平台解决方案,是一个使用Vue.js开发所有前端应用的框架,官网:https://uniapp.dcloud.io/ mui 号称最接近原生APP体验的高性能前端框架,官网:https://dev.dcloud.net.cn/mui/ 个人觉得,mui除了页面设计很接近原生App之外,还有一个特点就是能方便的使用App扩展规范Html5 Plus(http://www.html5plus.org/doc/h5p.html),我们能在它

一.项目简介 uni-liveShow是一个基于vue+uni-app技术开发的集小视频/IM聊天/直播等功能于一体的微直播项目.界面仿制抖音|火山小视频/陌陌直播,支持编译到多端(H5.小程序.App端) 且兼容效果一致. 二.效果预览 在H5.小程序.App端测试效果如下:(后续大图均为APP端) 三.使用技术 编码器+技术:HBuilderX + vue/NVue/uniapp/vuex iconfont图标:阿里字体图标库 自定义导航栏 + 底部Tabbar 弹窗组件:uniPop(un

一.初步认识 uni-app官网:https://uniapp.dcloud.io/component/README HBuilderX官方IDE下载地址: http://www.dcloud.io/hbuilderx.html 选择版本: 下载App开发版,可开箱即用: 如使用cli方式创建项目,可直接下载标准版 创建uni-app: 工具栏里的文件 -> 新建 -> 项目 -> 选择uni-app,输入工程名 运行uni-app: 快捷键 ctrl+r 选择运行方式 显示项目目录:

特别注意: ※:在components下的组件,图片路径用 /static/img/back.png  这样的根路径形式,不要用../static  或者 ../../static 的形式,不然很坑,有些平台不报错也不显示,有些找不到路径. tips:防止弹窗遮罩时页面可滚动,在弹窗的外层view标签加上 @touchmove.stop.prevent="" 1.关于自定义导航栏中的刘海屏适配问题: 官方提供了一个CSS变量可以直接引用: var(--status-bar-height