更新记录

1.0.0（2025-04-03） 下载此版本

1.首次发布

平台兼容性

sk-linkage-menu

代码演示

基础使用

<template>
    <view>
        <sk-linkage-menu :list="state.test" :height="500">
            <template v-slot="{data}">
                <view>
                    <view class="class-item">
                        <view class="thumb-box item-food">
                            <view class="left-info">
                                <image :src="data.image" class="item-image"></image>
                            </view>
                            <view class="right-info">
                                <view class="goods-title"> {{ data.name }}</view>
                            </view>
                        </view>
                    </view>
                </view>
            </template>
        </sk-linkage-menu>
    </view>
</template>

<script lang="ts">
    import { onMounted, reactive } from 'vue'
    type stateType = {
        test : any
    }
    export default{
        setup(props) {
            const state = reactive<stateType>({
                test: [],
            })

            onMounted(() => {
                for (let index = 0; index < 100; index++) {
                    state.test.push({
                        name: `${index}号`,
                        data: [
                            {
                                classify: `${index}号2`,
                                lazyLoad: false,
                                defaut: '/static/image/commer/defaut.png',
                                id: index,
                            },
                            {
                                classify: `${index}号`,
                                lazyLoad: false,
                                defaut: '/static/image/commer/defaut.png',
                                id: index,
                            },
                        ],
                    })
                }
            })
            return {
                state,
            }
        },
    }
</script>

API 参考

Props

MenuDataItem类型