sunshine-meet-wx/miniprogram/components/popup-modal/index.wxml

<van-popup custom-class="aaa" show="{{ show }}" close-on-click-overlay="{{false}}" get-container="#app" bind:close="onClose" position="right" custom-style="width: 100%;height: 100%" safe-area-tab-bar="{{false}}" safe-area-inset-bottom="{{false}}" z-index="99999">
  <van-sticky>
    <van-nav-bar title="{{popupTitle}}" left-arrow bind:click-left="onClickLeft" />
  </van-sticky>
  <logout-show title="{{ popupTitle}}" showBtn="{{false}}" wx:if="{{ token==='' }}" />
  <view class="popup-container" wx:else>
    <view class="popup-radio" wx:if="{{popupType=='radio'}}">
      <view class="popup-radio-item {{value===item.id?'selected':''}}" wx:for="{{ popupOptions}}" wx:key="index" bindtap="radioChange" data-index="{{index}}">{{item.name}}</view>
    </view>
    <view class="popup-time" wx:elif="{{popupType=='time'}}">
      <van-calendar show-title="{{false}}" show-subtitle="{{false}}" color="#409EFF" round="{{false}}" type="range" poppable="{{ false }}" close-on-click-overlay="{{false}}" default-date="{{value}}" safe-area-inset-bottom="{{false}}" max-range="{{15}}" allow-same-day="{{true}}" bind:confirm="timeConfirm" show-confirm="{{false}}">
      
      </van-calendar>
    </view>
    <view class="popup-checkbox" wx:elif="{{popupType=='checkbox'}}">
      <view class="popup-checkbox-header">
        温馨提示：{{ popupTitle}}可多选</view>
      <view class="popup-checkbox-main">
        <view class="popup-checkbox-item {{item.selected?'selected':''}}" wx:for="{{ popupOptions}}" wx:key="index" bindtap="checkboxChange" data-index="{{index}}">
          <view class="popup-checkbox-label">
            {{item.name}}
          </view>
          <view class="popup-checkbox-icon">
            <van-icon wx:if="{{item.selected}}" name="checked" size="20px" color="#409EFF" custom-style="background:#fff" />
            <van-icon wx:else name="circle" color="#909399" size="20px" custom-style="background:#fff" />
          </view>
        </view>
      </view>
      <view class="popup-checkbox-footer">
        <van-button type="info" custom-style="width:100%;margin:8px  0 0 0" bindtap="checkboxSelected">确定</van-button>
      </view>
    </view>
    <view class="popup-city" wx:elif="{{popupType=='city'}}">
      <van-index-bar index-list="{{ indexList }}">
        <view class="city-item current-city">
          <van-index-anchor index="当前城市" />
          <view class="city-value-row current-city-value">{{label}}</view>
        </view>

        <view class="city-item" wx:for="{{cityList}}" wx:key="index" data-type="{{item.id}}">
          <van-index-anchor index="{{item.letter}}">{{item.letter}}</van-index-anchor>
          <view class="city-value-row">
            <van-row>
              <van-col span="8" wx:for="{{item.list}}" wx:key="id" wx:for-index="idx" wx:for-item="small">
                <view class="city-value-item {{ small.order?'not-border':''}} {{small.value===value?'changed':''}}" data-pindex="{{index}}" data-index="{{idx}}" bindtap="bindViewTap">
                  {{small.label}}
                </view>
              </van-col>
            </van-row>
          </view>
        </view>
      </van-index-bar>
      <!-- <city-bar changeValue="{{popupValue}}" changeLabel="{{'北京'}}" binditemClick="onItemClick" /> -->




    </view>

  </view>
</van-popup>