小程序 多列选择器(2列)

这篇博客介绍了如何在小程序中创建一个多列选择器,主要涉及HTML、CSS和JS部分。HTML部分展示了picker组件的使用,CSS部分定义了样式,JS部分处理了数据和事件响应,包括获取合伙人和店主数据、处理列变化和选择变化的逻辑。
摘要由CSDN通过智能技术生成

htlm部分(红色为主要部分)

  <view class="agent-shopper-container mt15">

    <view>合伙人及其店主:</view>

    <view class='agent-container'>

      <picker mode="multiSelector" bindchange="pickerChange" bindcolumnchange="columnChange" value="{ {multiIndex}}" range="{ {multiArray}}">

       <view class="agent-picker" wx:if='{ {show_content}}'>{ {default_agent_word}}</view>

        <view class="agent-picker" wx:if='{ {!show_content}}'>当前选择:{ {multiArray[0][multiIndex[0]]}} , { {multiArray[1][multiIndex[1]]}}</view>

      </picker>

    </view>

  </view>

css部分

.age

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值