store/mycomponent/ConnectCustomerService/ConnectCustomerService.wxml

27 lines
1.6 KiB
Plaintext
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!-- 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>