更新记录

0.0.1（2026-02-06） 下载此版本

效果如图所示，如有不同，请自行修改。（左右菜单均不支持滚动加载更多）

平台兼容性

uni-app(4.86)

uni-app x(4.86)

wm-sidebarlayout

// 效果 如截图 第七个 CircleFooter 
    <view class="sidebar-style">
    <wm-sidebarlayout :footer="false" title="circle自定义Icon">
        <view slot="left">
            <wm-circlesidebar
                @switch="handleSwitchMenu"
                :circleActImg="cActiveIcon"
                :circleNoActImg="cUnactiveIcon"
                circleSize="45"
                :customPosition="1"
            />
        </view>
        <template v-if="currentMenuIndex == 0">
            <view
                style="height: 100rpx; margin-bottom: 20rpx; background: pink"
                v-for="(item, index) in 12"
                :key="index"
            >
                内容0000000000000
            </view>
        </template>
        <template v-if="currentMenuIndex == 1">
            <view>内容1111111111111111111111</view>
        </template>
        <template v-if="currentMenuIndex == 2">
            <view>内容22222222222222222222222222</view>
        </template>
        <template v-if="currentMenuIndex > 2">
            <view>暂无数据内容{{ currentMenuIndex }}</view>
        </template>

        <template #footer>
            <view>footer000</view>
            <view>footer111</view>
            <view>footer222</view>
            <view>footer333</view>
        </template>
    </wm-sidebarlayout>
</view>

// 效果 如截图 第八个 LineFooter 
<view class="sidebar-style">

    <wm-sidebarlayout title="Line 默认 Bottom">
        <view slot="left">
            <wm-linesidebar lineDirection="bottom" @switch="handleSwitchMenu" />
        </view>
        <template v-if="currentMenuIndex == 0">
            <view
                style="height: 100rpx; margin-bottom: 20rpx; background: pink"
                v-for="(item, index) in 6"
                :key="index"
            >
                内容0000000000000
            </view>
        </template>
        <template v-if="currentMenuIndex == 1">
            <view>内容1111111111111111111111</view>
        </template>
        <template v-if="currentMenuIndex == 2">
            <view>内容22222222222222222222222222</view>
        </template>
        <template v-if="currentMenuIndex > 2">
            <view>暂无数据内容{{ currentMenuIndex }}</view>
        </template>
        <template #footer>
            <view>footer000</view>
            <view>footer111</view>
            <view>footer222</view>
            <view>footer333</view>
        </template>
    </wm-sidebarlayout>
</view>

<!-- 页面中有 基础的 盒子布局  wm-sidebarlayout -->
包含 ： 上 、中（左和右）、 下 

<!-- wm-circlesidebar 圆点激活样式和自定义图标 -->
<!-- wm-linesidebar 线条激活样式 -->