更新记录

1.0.0（2024-11-04） 下载此版本

首次更新

平台兼容性

uni-app

其他

●组件模板效果图：

效果图见右侧图片；

●组件模板费用：

学习：免费下载；

●组件模板费用：

商用：本页面地址赞赏5元后，可终身商用；

合集地址:如查看全部页面模板，请前往上述uniapp插件市场合集地址；

技术公众号(私信加前端技术群)

欢迎大家一起探讨前端知识。

使用方法

    <c-select
        title="衣服大小" 
        inputName="orientation" 
        placeholderText="请选择衣服大小" 
        :selectedOptionIndex="orientationIndex" 
        :options="sizeOptions" 
        @updateSelection="setOrientation">
    </c-select>

组件部分代码

<template>
    <view class="picker-container">
        <view class="picker-header">
            <text class="picker-title">{{ title }}</text>
            <picker class="picker-select-box" :range="options" :value="selectedOptionIndex" @change="ionChange">
                <input :name="inputName" class="picker-display-input" v-model="options[selectedOptionIndex]" :placeholder="placeholderText" disabled />
            </picker>
        </view>
        <view class="picker-divider-line"></view>
    </view>
</template>