微信小程序二级联动省市

最新推荐文章于 2024-05-14 09:12:25 发布

安妮的小熊提伯斯

最新推荐文章于 2024-05-14 09:12:25 发布

阅读量2.9k

点赞数

文章标签：微信布局

本文链接：https://blog.csdn.net/qq_26014653/article/details/75019518

版权

这是一个微信小程序省市的两级联动，小伙伴们可以参考写三级联动

摘要由CSDN通过智能技术生成

1.先看一下效果

2.先看下一下布局文件

布局有一个弹框和点击按钮组成，弹框为隐藏，点击可以弹出选择城市

<!--城市选择弹框start-->
<view class="location-select" wx:if="{
  {pickerInfo.state == true}}">
  <view class="location-picker">
    <view class="location-picker-top flex-center-center">
      {
  {pickerInfo.title}}
    </view>
    <picker-view class="location-picker-view" value="{
  {pickerInfo.value}}" indicator-style="height: 50px;" bindchange="updatePicker">
      <picker-view-column>
        <view wx:for="{
  {pickerInfo.provinces}}" class="picker-province-item">
          {
  {item.provinceName}}
        </view>
      </picker-view-column>
      <picker-view-column>
        <view wx:for="{
  {pickerInfo.citys}}" class="picker-city-item">
          {
  {item.cityName}}
        </view>