page-meta 的page-style属性相当于HTML的body属性,这个点很重要,之前我想要通过body{overflow:hidden;}的方式动态修改overflow的属性去停止页面的滚动,但是那时不知道怎么动态修改body的属性,而且如果使用document的方式去修改body的属性,在移动端真机会报错,拿不到body,真的很头疼,直到让我发现了page-st...
page-meta只能是页面内的第一个节点。可以配合navigation-bar组件一同使用。 平台差异说明 HarmonyOS Next兼容性 HarmonyOS Next x 从HBuilderX 2.6.3起,编译到所有平台均支持page-meta,但编译到微信时,受微信基础库版本限制;编译到其他平台不受平台版本限制。 属性说明 注意 <page-meta>目前支持的配置仅为上表所...
而且,page-meta 的执行效率还不如 page.json。 page-meta、page.json 及 部分api 的功能相互交叉,但又无法完全替代,无形中又增加了开发人员的负担,但这也许是好事儿-开发工作太简单的话,开发人员就没有存在的必要了…… page-meta 中的会覆盖 page.json 中的配置。 https://uniapp.dcloud.net.cn/component...
把根节点font-size值写入vuex中。 实现字体大小设置页面。修改大小后,要把值写入缓存和vuex。 APP启动时,从缓存里读取上次设置的fontSize值,赋值给vuex_fontsize。 其他需要被控制大小的页面,顶部添加代码: <page-meta :page-font-size="vuex_fontsize+'px'" :root-font-size="vuex_fontsize+'px'"></page-...
<page-meta> <navigation-bar /> </page-meta> <view> <view class="status_bar"> <!-- 这里是状态栏 --> </view> <view> 状态栏下的文字 </view> </view> </template> <style> .status_bar { height: var(--status-bar-height); ...
uniapp 页面属性配置节点 page-meta 摘要: page-meta 页面属性配置节点,用于指定页面的一些属性、监听页面事件。可部分替代pages.json的功能。 从微信基础库2.9.0开始,新增了page-meta组件,它是一个特殊的标签,有点类似html里的header标签。页面的背景色、原生导航栏的参数,都可以写在page-meta里。HB阅读全文 ...
<template> <page-meta root-font-size="100px" page-style="color: green;background:#ff0000"> </page-meta> <view class="content"> <view class="title">123</view> </view> </template> <script> export default { data() { return { title: 'Hello1' } }, onLoad() { }, methods: {...
新功能描述 支持 page-meta 编写为独立组件而非必须在每个页面都写一遍 现状及问题 当应用涉及到皮肤、主题等色彩配置时,需凭借 page-meta 组件的能力来控制页面 backgroundColor、backgroundColorTop、backgroundColorBottom 等属性。一般来说开发者会使用 vuex / pinia
rem 根字体大小可以通过page-meta配置 vh viewpoint height,视窗高度,1vh等于视窗高度的1% vw viewpoint width,视窗宽度,1vw等于视窗宽度的1% App端,在 pages.json 里的 titleNView 或页面里写的 plus api 中涉及的单位,只支持 px。注意此时不支持 rpx ...
-- HBuilderX 2.6.3+ 新增 page-meta, 详情:https://uniapp.dcloud.io/component/page-meta --><page-meta><navigation-bar/></page-meta><view><viewclass="status_bar"><!-- 这里是状态栏 --></view><view>状态栏下的文字</view></view></template><style>.status_bar{height:var(--status...