Open opened this issueAug 14, 2024· 1 comment 810505339commentedAug 14, 2024 <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...
从某种意义讲,page-meta对pages.json有一定替代作用,可以让页面的配置和页面内容代码写在一个vue文件中。它还可以实现通过变量绑定来控制页面配置。但它的性能不如pages.json的配置,在新页面加载时,渲染速度还是pages.json方式的写法更快。 page-meta只能是页面内的第一个节点。可以配合navigation-bar组件一同使用。
<page-meta:root-font-size="fontSize + 'px'"></page-meta> // uniapp 只有app.vue为入口文件 没有结构代码 只能在各个页面上添加 //如果你写的是H5的话 可以再index.html中添加设置rem的根页面Font-size大小 在使用page-meta要注意 这个是新加的 有版本要求的 4. 关于页面后退 并刷新页面 uni.navigat...
而且,page-meta 的执行效率还不如 page.json。 page-meta、page.json 及 部分api 的功能相互交叉,但又无法完全替代,无形中又增加了开发人员的负担,但这也许是好事儿-开发工作太简单的话,开发人员就没有存在的必要了…… page-meta 中的会覆盖 page.json 中的配置。 https://uniapp.dcloud.net.cn/component...
解决使用各种dialog组件导致的滚动穿透问题，本质在于禁用`touchmove`默认滚动行为。uniapp提供了`.stop`修饰符来阻止默认行为。然而，禁用`touchmove`会同时影响dialog组件内部滚动，若需内部滚动，则需借助`page-meta`标签作为根标签。针对`unplugin-vue-components`插件不生效的情况，解决方法是在`vite....
新功能描述 支持 page-meta 编写为独立组件而非必须在每个页面都写一遍 现状及问题 当应用涉及到皮肤、主题等色彩配置时,需凭借 page-meta 组件的能力来控制页面 backgroundColor、backgroundColorTop、backgroundColorBottom 等属性。一般来说开发者会使用 vuex / pinia
//page.vue<template><page-mate:root-foot-size="footSize"></page-mate><div>..</div></template><script>export default { data() { return { footSize: this.$rootFontSize, } } }</script> 注意:<page-meta>需要放在页面的第一个标签。
nvue还不支持百分比单位 vue页面支持下面这些普通H5单位,但在nvue里不支持: rem 根字体大小可以通过page-meta配置 vh viewpoint height,视窗高度,1vh等于视窗高度的1% vw viewpoint width,视窗宽度,1vw等于视窗宽度的1% App端,在 pages.json 里的 titleNView 或页面里写的 plus api 中涉及的单位,只支持 px。注...
如果发现禁止穿透功能未生效,应检查代码实现是否正确,包括事件修饰符的使用、page-meta组件的配置以及JavaScript事件监听的设置等。 根据测试结果进行优化,确保禁止穿透功能在不同平台和设备上的表现一致。 注意事项 在使用catchtouchmove时,请确保它不会影响到弹出层内部的其他可滚动区域(如列表或文本框)。 在使用page-...