mui双webview之导航栏标题修改

丶丶路遥 2018-01-22 05:50:03

请教各位大佬，我在制作一个具有底部选项卡和标题栏的时候，使用的是一个页面嵌入的另一个页面，也就是mui中的双webview模式，中间部分用另一个html页面来显示，现在的问题是，我如何在中建的这个html页面页面跳转之后，并且修改一下外面这个html页面的标题。

...全文

1176 1 打赏收藏转发到动态举报

写回复

1 条回复

切换为时间正序

请发表友善的回复…

发表回复

usecf 2018-01-24

打赏
举报

回复

你这个相当于子页面向父页面传值可以用plus.storage.setItem 保存一个值然后getItem 获取该值当然你需要刷新下页面不然值估计改不过来

前言　MUI是一款最接近原生APP体验的高性能前端框架，它的比较重要的功能是：下拉刷新、侧滑导航、滑动触发操作菜单和顶部(底部)选项卡等最近用MUI做手机app应用的时候，遇到的小bug。顺便研究了一下这个tab-top-webview-main，这里给大家分享一下。 1主页代码 <!doctype html> <html> <head> <meta charset="UTF-8"> <title></title> <meta name="viewport" content="width=device-width,initial-scale=1,mi

mui内置有H5版本的透明渐变导航控件，教程参考mui官网；透明渐变导航是一种解决滚动条通顶的变通方案，相比双webview，具有更高的性能和更好的动画效果；下面通过本文给大家分享基于原生JS实现 MUI导航栏透明渐变效果，具体内容详情如下所示：首先声明：由于backgroundColor的值采用的是RGBA，IE8及以下不支持，所以此效果不支持IE8及以下的浏览器 css代码 body,p,h1{margin: 0;} .module-layer{ width: 100%; position: fixed; top: 0; left: 0; z-index: 100

2018mui教程 mui实战视频教程 web移动端开发教程+源码课程简介：结合MUI框架完成HTML5移动端混合应用开发(微信实战)。本课程将介绍如何使用HTML5完成移动端混合应用开发，课程以移动端框架MUI为基础，以微信项目为目标，介绍MUI框架的使用，包含移动端排版布局，HTML5借助框架完成手机摄像头调用、手机相册调用、手机重力感应调用等特效，并最终完成微信案例项目。课程目标：学习HTML5移动端混合应用开发，并完成微信项目实战，本课程介绍了MUI框架的使用，以及Hbublder工具的基本操作。适用人群本课程适合具有HTML与CSS基础，了解HTML5及CSS3，并想跨入HTML5移动端混合应用开发领域的同仁。课程目录介绍: 1【MUI框架】HTML5混合应用开发与MUI框架 2 MUI移动端框架初体验 3【微信主页】顶部标题栏 4【微信主页】底部Tab导航 5【微信主页】底部Tab导航样式调整 6【微信主页】图文列表 7【微信项目】整体效果展示 8【微信子页面】DIV方式创建子页面 9【真机调试】HTML5程序真机调试 10【微信子页面】WebView方式创建子页面 11【微信子页面】WebView方式创建子页面 12【微信子页面】webView子页面效果演示 13【微信子页面】底栏Tab页面切换 14【微信子页面】打开微信聊天子页面 15【微信子页面】聊天页面效果展示 16【微信子页面】页面间传值 17【相册】Html5访问手机相册，发送单张图片 18【相册】Html5访问手机相册，发送多张图片 19【摄像头】Html5访问手机摄像头，发送拍摄照片 20【摇一摇】获取重力感应 21【摇一摇】监控重力感应及摇一摇实现逻辑 22【微信子页面】发现页面 23【朋友圈】朋友圈页面布局 24【朋友圈】下拉刷新 25【朋友圈】上拉加载 26【事件】移动端事件 27【其他】MUI其他相关 28【案例包】项目案例包效果展示 29【案例包】项目案例包源码获取 30【应用退出】应用程序退出实现 31【打包部署】应用程序云端打包与发布 Mui视频教程部分 MUI - dialog对话框、ipnut (表单).mp4 MUI - datepicker(时间选择器).mp4 MUI 介绍、新项目创建、基础布局.mp4 MUI - 窗口管理及窗口之间的数据传递.mp4 MUI - 复选框、单选框、使用js获取选择值.mp4 MUI - cardview(卡片视图)、mask(遮罩蒙版).mp4 MUI - accordion(折叠面板)、button(按钮).mp4 h.js 使用教程.mp4 MUI - actionsheet(操作表)、badge(数字角标).mp4 MUI - slide(轮播组件).mp4 APP与服务器之间的交互原理、MUI Ajax使用.mp4 MUI - progressbar(进度条)、滑块及switch开关.mp4 MUI - 事件管理及自定义事件详解.mp4 微信实战-结合MUI框架完成HTML5移动端混合应用开发视频教程

mui制作的页面，问题：打包APP，安卓手机运行，顶部的导航菜单栏不显示。手机浏览器打开正常电脑浏览器打开正常问题出在了app.css中，此文件是创建模板时自动生成的。在app.css中第一条就是关于隐藏导航条的样式，修改为显示即可。修改后：.mui-plus header.mui-bar{ display: block; }怎么想不到在这能给埋个坑！！...

mui H5+实现原生导航栏配置

39,083

社区成员

5,548

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章