wux-weapp/example/pages/multi-picker-view/index.js

一套组件化、可复用、易扩展的微信小程序 UI 组件库

import ad from '../index/ad'

const seasons = [
    ['王', '马', '蔡'],
    ['撕葱', '粑粑', '🏀'],
]

const fieldNamesOptions = [
    [
        {
            labelT: '选项一',
            valueT: '1',
        },
        {
            labelT: '选项二',
            valueT: '2',
        },
        {
            labelT: '选项三',
            valueT: '3',
            disabledT: true,
        },
    ],
    [
        {
            labelT: '选项A',
            valueT: 'A',
        },
        {
            labelT: '选项B',
            valueT: 'B',
        },
        {
            labelT: '选项C',
            valueT: 'C',
            disabledT: true,
        },
    ],
]

const imageOptions = [
    ['周一', '周二', '周三', '周四', '周五'],
    [
        {
            label: '白天',
            labelImage: '../../assets/images/daytime.png',
            value: 'daytime',
        },
        {
            label: '夜晚',
            labelImage: '../../assets/images/night.png',
            value: 'night',
        },
    ],
]

ad({
    data: {
        value: ['蔡', '🏀'],
        options: seasons,
        fieldNames: {
            label: 'labelT',
            value: 'valueT',
            disabled: 'disabledT',
        },
        fieldNamesOptions,
        imageOptions,
    },
    onValueChange(e) {
        this.setData({ value: e.detail.value })
        console.log('onValueChange', e.detail)
    },
})