kabao/components/quick-navigation/quick-navigation.wxml

<block wx:if='{{setnavi.type === 0}}'>
  <view class='quick-head'>
    <block wx:if='{{quick_icon}}'>
      <view class='quick-modal '>
        <view class='quick-modal-bg'></view>
        <view class='quick-head quick-modal-pic flex-y-center flex-x-center'>
          <view class='quick-icon {{__device}}' direction='all'>
            <view style='position:relative;'>
              <block wx:if='{{!(home_icon)}}'>
                <view animation='{{animationPlus}}' class='quick-zfb'>
                  <navigator hoverClass='none' openType='reLaunch' url='/pages/index/index'>
                    <image class='quick-dial' src='{{setnavi.home_img}}'></image>
                  </navigator>
                </view>
              </block>
              <block wx:if='{{store.option.quick_map.status == 1}}'>
                <view animation='{{animationMapPlus}}' bindtap='map_power' class='quick-dial quick-zfb'
                  style='background-image:url("{{store.option.quick_map.icon}}"); background-size: 80rpx 80rpx;'></view>
              </block>
              <block wx:if='{{ (store.dial == 1 && store.dial_pic) }}'>
                <view animation='{{animationPic}}' bindtap='to_dial' class='quick-dial quick-zfb'
                  style='background-image:url("{{store.dial_pic}}"); background-size: 80rpx 80rpx;'></view>
              </block>
              <block wx:if='{{store.option.web_service_status == 1}}'>
                <navigator hoverClass='none' openType='navigate'
                  url='/pages/web/web?url={{store.option.web_service_url}}'>
                  <view animation='{{animationcollect}}' class='quick-zfb'>
                    <image class='quick-dial' src='{{store.option.web_service}}'></image>
                  </view>
                </navigator>
              </block>
              <block
                wx:if='{{ ( (store.show_customer_service && store.show_customer_service == 1)  && store.service) }}'>
                <block wx:if='{{__platform == "wx"}}'><button class='float-icon-btn' openType='contact'
                    sessionFrom='{{__user_info.nickname}}|'
                    style='border:0rpx solid #ffffff;padding:0px;display:inline;background-color:transparent;'>
                    <view animation='{{animationTranspond}}' class='quick-zfb' style='display:inline-block;top:0;'>
                      <image class='quick-dial' src='{{store.service}}'></image>
                    </view>
                  </button></block>
                <block wx:if='{{__platform == "my"}}'>
                  <view class='float-icon-btn'>
                    <view animation='{{animationTranspond}}' class='quick-zfb'>
                      <view class='flex-x-center flex-y-center'
                        style='z-index:2;width: 100%;border-radius:50%;height: 100%;position: absolute;left: 0;top:0;opacity: 0'>
                        <contact-button scene='{{__alipay_mp_config.cs_scene}}' size='40'
                          tntInstId='{{__alipay_mp_config.cs_tnt_inst_id}}'></contact-button>
                      </view>
                      <image class='quick-dial' src='{{store.service}}'></image>
                    </view>
                  </view>
                </block>
              </block>
              <block wx:if='{{store.option.wxapp.status == 1}}'>
                <block wx:if='{{__platform == "wx"}}'>
                  <navigator appId='{{store.option.wxapp.appid}}' data-open_type='wxapp' hoverClass='none'
                    openType='navigate' path='{{store.option.wxapp.path}}' target='miniProgram'>
                    <view animation='{{animationInput}}' class='quick-zfb'>
                      <image class='quick-dial' src='{{store.option.wxapp.pic_url}}'></image>
                    </view>
                  </navigator>
                </block>
                <block wx:if='{{__platform == "my"}}'>
                  <view animation='{{animationInput}}' class='quick-zfb' data-app-id='{{store.option.wxapp.appid}}'
                    data-path='{{store.option.wxapp.path}}' onTap='openWxapp'>
                    <image class='quick-dial' src='{{store.option.wxapp.pic_url}}'></image>
                  </view>
                </block>
              </block>
              <view bindtap='cutover' class='flex-col flex-y-center flex-x-center quick-bg'
                style='z-index:20;position:relative;bottom:0'><text class='quick-text'>收起</text></view>
            </view>
          </view>
        </view>
      </view>
    </block>
    <block wx:else>
      <view class='quick-icon {{__device}}' direction='all'>
        <view bindtap='cutover' class='flex-col flex-y-center flex-x-center quick-bg'><text
            class='quick-text'>快捷</text><text class='quick-text'>导航</text></view>
      </view>
    </block>
  </view>
</block>
<block wx:if='{{setnavi.type === 1}}'>
  <view class='float-icon' direction='all'>
    <block wx:if='{{!(home_icon)}}'>
      <navigator hoverClass='none' openType='reLaunch' url='/pages/index/index'>
        <image class='dial' src='{{setnavi.home_img}}'></image>
      </navigator>
    </block>
    <block wx:if='{{store.option.quick_map.status == 1}}'>
      <view bindtap='map_power' class='dial'
        style='background-image:url("{{store.option.quick_map.icon}}"); background-size: 80rpx 80rpx;'></view>
    </block>
    <block wx:if='{{ (store.dial == 1 && store.dial_pic) }}'>
      <view bindtap='to_dial' class='dial'
        style='background-image:url("{{store.dial_pic}}"); background-size: 80rpx 80rpx;'></view>
    </block>
    <block wx:if='{{store.option.web_service_status == 1}}'>
      <navigator hoverClass='none' openType='navigate' url='/pages/web/web?url={{store.option.web_service_url}}'>
        <image class='dial' src='{{store.option.web_service}}'></image>
      </navigator>
    </block>
    <block wx:if='{{ ( (store.show_customer_service && store.show_customer_service == 1)  && store.service) }}'>
      <block wx:if='{{__platform == "wx"}}'><button class='float-icon-btn' openType='contact'
          sessionFrom='{{__user_info.nickname}}|' style='height:100%'>
          <image class='dial' src='{{store.service}}'></image>
        </button></block>
      <block wx:if='{{__platform == "my"}}'>
        <view class='float-icon-btn' style='position: relative'>
          <view style='z-index:2;width: 100%;height: 100%;position: absolute;left: 0;top:0;opacity: 0'>
            <contact-button scene='{{__alipay_mp_config.cs_scene}}' tntInstId='{{__alipay_mp_config.cs_tnt_inst_id}}'>
            </contact-button>
          </view>
          <image class='dial' src='{{store.service}}' style='z-index:1'></image>
        </view>
      </block>
    </block>
    <block wx:if='{{store.option.wxapp.status == 1}}'>
      <block wx:if='{{__platform == "wx"}}'>
        <navigator appId='{{store.option.wxapp.appid}}' data-open_type='wxapp' hoverClass='none' openType='navigate'
          path='{{store.option.wxapp.path}}' target='miniProgram'>
          <image class='dial' src='{{store.option.wxapp.pic_url}}'></image>
        </navigator>
      </block>
      <block wx:if='{{__platform == "my"}}'>
        <view bindtap='openWxapp' data-app-id='{{store.option.wxapp.appid}}' data-path='{{store.option.wxapp.path}}'>
          <image class='dial' src='{{store.option.wxapp.pic_url}}'></image>
        </view>
      </block>
    </block>
  </view>
</block>