更新记录

1.0.0（2025-08-14） 下载此版本

-init

平台兼容性

uni-app x(4.75)

其他

xh-main 主窗口自适应布局 滚动

解决开发是页面顶部和底部自定义开发,和中间body中内容超出屏幕滚动问题

使用须知: 必须在组件外层必须有一个具体的高度, 例如 height:100%

重要的事情说三遍... 外层要给个高... 外层要给个高... 外层要给个高...

组件名：xh-main

组件可以 单独使用 配合 xh-scss xh-theme 更合适

使用示例:

<template>
    <view class="index">
            <xh-main @reach-bottom="ReachBottom">
                <template #header>
                    <view class="view">header</view>
                    <view class="view">header</view>
                    <view class="view">header</view>
                    <view class="view">header</view>
                    <view class="view">header</view>
                </template>
                <template #body>
                    <view class="index-body">
                        <view class="index-body-hah" v-for="(i,inx) in 100" :key="inx">{{inx}}</view>
                    </view>
                </template>
                <template #footer>
                    <view class="view">footer</view>
                    <view class="view">footer</view>
                    <view class="view">footer</view>
                    <view class="view">footer</view>
                    <view class="view">footer</view>
                </template>
            </xh-main>
    </view>
</template>

<script setup lang="uts" >
//触底加载
const ReachBottom = (e: UniScrollToLowerEvent) => {
    console.log(e)
}

</script>