更新记录

1.0.2（2024-05-08） 下载此版本

调整样式

1.0.1（2024-05-08） 下载此版本

样式调整

1.0.0（2024-05-07） 下载此版本

1.0.0

平台兼容性

uni-app

其他

tf-drop-down-menu

1. 组件作用
   • 下拉菜单(支持数据项为对象的形式)
   • 此组件是基于uview/u-dropdown源码基础上二次更改的，主要调整了样式，暴露出item插槽，需要自己填入u-dropdown-item用例如下
2. 组件引用例子

<template>
    <view class="content">
        <TfDropDownMenu>
            <template #item>
                <u-dropdown-item height="50vh" v-model="value1" title="距离" :options="options1" @change="change">
                </u-dropdown-item>
                <u-dropdown-item height="50vh" v-model="value2" title="温度" :options="options2" @change="change">
                </u-dropdown-item>
            </template>
        </TfDropDownMenu>
    </view>
</template>

<script>
    import TfDropDownMenu from '../../uni_modules/tf-drop-down-menu/components/tf-drop-down-menu/tf-drop-down-menu.vue'
    export default {
        components: {
            TfDropDownMenu
        },
        data() {
            return {
                value1: 11,
                value2: 112,
                options1: [{
                        label: '默认排序',
                        value: 11,
                    },
                    {
                        label: '距离优先',
                        value: 21,
                    }
                ],
                options2: [{
                        label: '去冰',
                        value: 112,
                    },
                    {
                        label: '加冰',
                        value: 211,
                    },
                ]
            }
        },
        methods:{
            change(e) {
                console.log('222',e)
            }
        }
    }
</script>

<style scoped>
</style>

3. 主要属性说明

4. 主要方法说明