Open CNlitai opened 2 months ago
This update introduces a new reactive variable popShow
and a corresponding function to toggle its value in the Vue component of the index page. It also modifies the Vite configuration to dynamically adjust the page overflow style based on popShow
. Additionally, there are updates to type declarations and template handling to support this functionality.
File Path | Change Summary |
---|---|
playground/src/pages/index/... |
Added popShow variable, handleChange function, button to toggle popShow , and new CSS style for long-block . |
playground/src/uni-pages.d.ts |
Updated URLs to include a leading slash. |
playground/vite.config.ts |
Modified UniLayouts call to include teleportRootEl with dynamic page overflow style. |
src/context.ts |
Added a conditional block to handle teleportRootEl in the Context class. |
src/types.ts |
Updated ResolvedOptions interface to include teleportRootEl property. |
In the land of code, where changes bloom,
A rabbit hops, dispelling gloom.
WithpopShow
toggles and styles anew,
The pages now dance in a vibrant hue.
🐇✨ The code evolves, a joyous spree,
With every change, more harmony.
Thank you for using CodeRabbit. We offer it for free to the OSS community and would appreciate your support in helping us grow. If you find it useful, would you consider giving us a shout-out on your favorite social media?
hi,感谢 PR, 当前的实现不是很优雅,如果是我的话,我应该会直接支持类似如下的方法(也许还有更好的),需要 @ModyQyW 来讨论下~
// 约定一个特殊的 slot,(不知道能不能实现)
<template>
<template #layout:after>
<page-meta />
</template>
<template #header>
layout 的 header 插槽
</template>
<view>...page code</view>
<template #footer>
layout 的 footer 插槽
</template>
<template>
正好,顺便可以直接支持一下不使用 uni-layout
组件的情况下直接使用 layout 的插槽?
hi,感谢 PR, 当前的实现不是很优雅,如果是我的话,我应该会直接支持类似如下的方法(也许还有更好的),需要 @ModyQyW 来讨论下~
// 约定一个特殊的 slot,(不知道能不能实现) <template> <template #layout:after> <page-meta /> </template> <template #header> layout 的 header 插槽 </template> <view>...page code</view> <template #footer> layout 的 footer 插槽 </template> <template>
正好,顺便可以直接支持一下不使用
uni-layout
组件的情况下直接使用 layout 的插槽?
我试着改一下
hi,感谢 PR, 当前的实现不是很优雅,如果是我的话,我应该会直接支持类似如下的方法(也许还有更好的),需要 @ModyQyW 来讨论下~
// 约定一个特殊的 slot,(不知道能不能实现) <template> <template #layout:after> <page-meta /> </template> <template #header> layout 的 header 插槽 </template> <view>...page code</view> <template #footer> layout 的 footer 插槽 </template> <template>
正好,顺便可以直接支持一下不使用
uni-layout
组件的情况下直接使用 layout 的插槽?
我的想法大致和这里一致。我感觉这里应该是写错了,不是 #layout:after 而是 #layout:before(
Description 描述
增加teleportRootEl,解决uni在小程序中使用layout无法添加page-meta来解决滚动穿透问题
Linked Issues 关联的 Issues
34
Additional context 额外上下文
Summary by CodeRabbit
New Features
Improvements
Bug Fixes
Configuration