首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
您找到你想要的搜索结果了吗?
是的
没有找到

【Flutter】底部导航栏页面框架 ( BottomNavigationBar 底部导航栏 | PageView 滑动页面 | 底部导航与滑动页面关联操作 )

2、四个切换页面 3、应用启动主界面 4、运行效果 五、相关资源 一、BottomNavigationBar 底部导航栏 ---- Scaffold 的 bottomNavigationBar 属性设置底部导航栏...UI 显示 ; 设置点击方法 : BottomNavigationBar 的 onTap 属性设置点击方法 , 传入 index 索引 , 该索引值是被点击的按钮索引 , 该方法中主要操作当前的 currentIndex...--- PageView 作为显示的主体组件 , 设置给 Scaffold 的 body 字段 , 主要设置以下三个参数 ; 控制器 : PageView 的 controller 参数设置 , PageController...方法 , 更新底部导航栏 BottomNavigationBar 的当前索引值 , 并更新 UI 界面 ; 显示组件 : children 参数中设置 Widget 数组即可 , 组件类型只要是 Widget...= index; }); }, /// Widget 组件数组 , 设置多个 Widget 组件 /// 同一时间只显示一个页面组件 children: [ HomePage

4K20

Z-BlogPHP网站页面底部调用显示页面(耗时、SQL查询、内存)运行信息图文教程

看到有的博客网站页面底部显示运行信息,主要显示页面加载时长,数据库查询次数和内存占用情况感觉很酷,于是就百度了下发现Z-BlogPHP程序也是有的,只不过它是以注释状态出现的,当我们查询网站源代码的时候底部可以看见如下...memory_get_usage() - $_SERVER['_memory_usage'])/1024/1024,2)} MB 此教程以Zblogphp默认Default主题演示 首先找到主题目录下的footer.php(底部页面文件...) 添加如下代码 PHP 页面加载时长:{number_format((microtime(true) - $_SERVER['...PS: 标签的意思是文字居左对齐 最后后台清空缓存编译,效果如下其中官方的运行时间是97.33毫秒,保留了后两位数字,修改之后显示...0.097秒且保留后三位,数据库查询直接显示了,内存代码也修改了一下,直接显示 MB且保留后两位

65630

小程序页面B”更改title,返回“页面A”仍会显示页面B”的title

# 解决 既然B页面的请求方法可以A页面执行,那么B页面的方法中获取的当前的页面路由时就有可能可以获取到A页面的路由,经过测试果然不出所料。...所以,可以这样来解决这个问题:B页面的onLoad中获取当前页面路径,应该是/b,然后方法中再次获取当前路径,可能是/b,也可能是/a, 若是/a,则是上面提到问题情况,这个时候就不用取改变title...# 代码 // utils.js const getCurrentRouter = function () { let arr = getCurrentPages(), len = arr.length...; return arr[len - 1].route; } export {getCurrentRouter}; // b.js import {getCurrentRouter}; import.../servies/services.js'; Page({ onLoad (options) { this.currentRouter = getCurrentRouter(); },

1.4K10

【说站】zblog底部显示页面运行信息(耗时、数据插件、内存)图文教程

关于页面运行信息相信每个程序都会有,主要显示的就是页面加载时长、数据库查询次数和占用内存情况,比如常见的WordPress,typecho。...thinkPHP等等,当然我们Z-BlogPHP也有,只是以注释的状态出现,我们查看网页源代码的时候能在底部看见 “<!...0.158秒且保留后三位,数据库查询直接显示了,内存代码也修改了一下,直接显示 MB且保留后两位,效果如下: 可能会有人说了,能不能隐藏掉官方的注释代码呢,毕竟已经显示了没有必要重复显示,在请教了群里大佬后答案是肯定的...下载完成后,启用插件,在后台右侧顶部找到“开发工具”,然后点击“BlogConfig”新界面窗口找到“system”或者直接搜索就行,如图: 找到之后点击“system”菜单,再次搜索“ZC_RUNINFO_DISPLAY...”如图,点击关闭(变成灰色就是关闭),点击右侧绿色图标,提交即可。

43520

js控制台打印html页面,vue 使用print-js 打印html页面

Print.js 官网 官网 优点:可以打印多种格式的内容(pdf、json、html等) 打印json时可以添加表头。...打印html页时可以继承原有页面的样式,局部打印,过滤掉要打印的元素,及其方便。...一、vue安装命令: npm install print-js –save 二、引入 这个引入不需要在main.js中,直接在使用的.vue中引入即可 这里颜色虽然是灰色,但是也要添加,否则会报错。...设置为时false,数据表标题将仅在第一页显示。 scanStyles:设置为false时,库将不处理应用于正在打印的html的样式。使用css参数时很有用。...targetStyles: [’*’],这样设置继承了页面要打印元素原有的css属性。 style:传入自定义样式的字符串,使用在要打印的html页面 也就是纸上的样子。

8.3K30
领券