微信小程序——实现下拉框

微信小程序下拉选择框实现

最新推荐文章于 2025-09-01 22:37:52 发布

原创

最新推荐文章于 2025-09-01 22:37:52 发布 · 6k 阅读

33 ·

CC 4.0 BY-SA版权

文章标签：

#微信小程序

1.wxml

<view class='list-msg'>
    <view class='list-msg1'>
        <text>商品金额</text>
        <text>￥99.00</text>
    </view>
<!--下拉框  -->
    <view class='list-msg2' bindtap='bindShowMsg'>
        <text>{
  
  {tihuoWay}}</text>
        <!-- <image style='height:20rpx;width:20rpx;' src=''></image> -->
    </view>
    
<!-- 下拉需要显示的列表 -->
      <view class="select_box" wx:if="{
  
  {select}}"> 
        <view class="select_one" bindtap="mySelect" data-name="重庆分店">重庆分店</view>
        <view class="select_one" bindtap="mySelect" data-name="东莞南城分店">东莞南城分店</view>
        <view class="select_one" bindtap="mySelect" data-name="东莞总店">东莞总店</view>
        <view class="select_one" bindtap="mySelect" data-name="上海分店">上海分店</view>
        <view class="select_one" bindtap="mySelect" data-name="北京分店">北京分店</view>