<!-- mycomponent/ConnectCustomerService/DConnectCustomerService.wxml -->
<van-popup show="{{ show }}" z-index="{{ zIndex }}" round bind:close="closePopup" custom-style="width:90vw;">
  <view class="d-connect-service">
    <!-- // * 后期如需优化，如联系方式超过4个，请用循环 -->
    <view class="connect-methods">
      <button class="connect-method_item" open-type="contact" wx:if="{{customer_open == 1 || !online}}">
        <image class="connect-method_icon" src="https://mini-app-img-1251768088.cos.ap-guangzhou.myqcloud.com/kf_online_contect@2x.png" />
        <view>在线联系</view>
      </button>
      <navigator class="connect-method_item" wx:if="{{customer_open != 1 && online}}" url="{{online}}">
        <image class="connect-method_icon" src="https://mini-app-img-1251768088.cos.ap-guangzhou.myqcloud.com/kf_online_contect@2x.png" />
        <view>在线联系</view>
      </navigator>

      <view class="connect-method_item" wx:if="{{tel}}" bind:tap="phoneCall">
        <image class="connect-method_icon" src="https://mini-app-img-1251768088.cos.ap-guangzhou.myqcloud.com/kf_tel_contect@2x.png" />
        <view class="connect-method-content van-ellipsis">{{ tel }}</view>
      </view>
    </view>
    <view class="connect-qrcode" wx:if="{{qrcode}}">
      <image src="{{qrcode}}" mode="aspectFit" show-menu-by-longpress></image>
    </view>
    <!-- // * 后期如需优化，如联系方式超过4个，循环的话请用判断数组长度 -->
    <view class="connect-method-empty" wx:if="{{!qrcode&&!tel&&(!online)}}">暂无联系方式~</view>
  </view>
</van-popup>
