更新记录
1.0.0(2024-11-04) 下载此版本
首次更新
平台兼容性
Vue2 | Vue3 |
---|---|
√ | √ |
App | 快应用 | 微信小程序 | 支付宝小程序 | 百度小程序 | 字节小程序 | QQ小程序 |
---|---|---|---|---|---|---|
HBuilderX 3.1.0 app-vue | √ | √ | √ | √ | √ | √ |
钉钉小程序 | 快手小程序 | 飞书小程序 | 京东小程序 |
---|---|---|---|
√ | √ | √ | √ |
H5-Safari | Android Browser | 微信浏览器(Android) | QQ浏览器(Android) | Chrome | IE | Edge | Firefox | PC-Safari |
---|---|---|---|---|---|---|---|---|
√ | √ | √ | √ | √ | √ | √ | √ | √ |
●组件模板效果图:
效果图见右侧图片;
●组件模板费用:
学习:免费下载;
●组件模板费用:
商用:本页面地址赞赏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>