页面属性配置节点,用于指定页面的一些属性、监听页面事件。可部分替代pages.json的功能。 从微信基础库2.9.0开始,新增了page-meta组件,它是一个特殊的标签,有点类似html里的header标签。页面的背景色、原生导航栏的参数,都可以写在page-meta里。HBuilderX 2.6.3+ 支持了这个组件,并且全平台都实现了。 从某种意义...
小程序中的 page-meta 和 HTML 中的header设置meta比较类似,可以对页面的一些属性进行配置。 令人困惑的是,page-meta 的功能和 page.json 的功能及相关api的功能是重复的,提供page-meta这种方式,貌似只是一种语法糖,提供了另外一种风格。而且,page-meta 的执行效率还不如 page.json。 page-meta、page.json 及 ...
注意:在h5平台可以通过动态修改body标签的样式,设置 overflow:hidden 即可解决滚动穿透,无循进行本章节的配置 a) 使用 page-meta 组件动态修改 page-meta 的overflow 属性 <!-- page-meta 只能是页面内的第一个节点 --> <page-meta :page-style="`overflow:${show10 ? 'hidden' : 'visible'};`"></page...
小程序中的 page-meta 和 HTML 中的header设置meta比较类似,可以对页面的一些属性进行配置。 令人困惑的是,page-meta 的功能和 page.json 的功能及相关api的功能是重复的,提供page-meta这种方式,貌似只是一种语法糖,提供了另外一种风格。而且,page-meta 的执行效率还不如 page.json。 page-meta、page.json 及 ...
<page-meta> <navigation-bar :background-color="theme":title="nbTitle"/> </page-meta> <viewclass="match"v-if="showPage"> </view> 初始值同样的避免闪烁,都是等页面加载完了,再出现 theme: '#F9FAFC', // 微信默认背景,主题色必须是6hex #0064A8 ...
此插件能够解决 uniapp 打包后,在指定文件夹所有页面中加上 page-meta 标签,而不需要每个页面手动去加。 微信提示:页面属性配置节点,用于指定页面的一些属性、监听页面事件。只能是页面内的第一个节点。 <page-meta root-font-size="fontSize" data-theme="dataTheme" data-layout="dataLayout"> ...
page-meta:页面配置节点,用于指定页面的一些属性、监听页面事件,类似于html中的header标签,可以部分替代pages.json的功能。 二、实现步骤 1.1 安装第三方插件 postcss-px-to-viewport npm install postcss-px-to-viewport --save-dev 1. 1.2 项目根目录创建postcss.config.js,并写入配置 ...
page-meta 的page-style属性相当于HTML的body属性,这个点很重要,之前我想要通过body{overflow:hidden;}的方式动态修改overflow的属性去停止页面的滚动,但是那时不知道怎么动态修改body的属性,而且如果使用document的方式去修改body的属性,在移动端真机会报错,拿不到body,真的很头疼,直到让我发现了page-st...
新功能描述 支持 page-meta 编写为独立组件而非必须在每个页面都写一遍 现状及问题 当应用涉及到皮肤、主题等色彩配置时,需凭借 page-meta 组件的能力来控制页面 backgroundColor、backgroundColorTop、backgroundColorBottom 等属性。一般来说开发者会使用 vuex / pinia
就是利用page-meta标签的page-style属性! page-meta 的page-style属性相当于HTML的body属性,这个点很重要,之前我想要通过body{overflow:hidden;}的方式动态修改overflow的属性去停止页面的滚动,但是那时不知道怎么动态修改body的属性,而且如果使用document的方式去修改bod...