<view class="consult-card">
  <view class="consult-person flex-between">
    <view class="flex-between">
      <image class="avator-cover" src="{{ expert && expert.avatarUrl ? expert.avatarUrl : 'https://dtc-front.oss-cn-beijing.aliyuncs.com/aio-mini/static/image/service/customerAvatar.png' }}" mode="aspectFill" />
      <text>{{ expert && expert.name ? expert.name : '咨询产品专家' }}</text>
    </view>
    <view class="flex-between">
      <!-- 在线IM === '2' -->
      <aio-button wx:if="{{ showIM }}" data-type="im" aio-class="image-btn" special type="info" icon-size="80" bind:click="jumpUrl">
        <aio-image name="service-system-40px" round width="80" height="80" />
      </aio-button>
      <!-- 400电话 === '1' -->
      <aio-button wx:if="{{ showPhone }}" data-phone="{{ phone || '010-56153743' }}" aio-class="image-btn" special type="info" icon-size="80" bind:click="callPhone">
        <aio-image name="service-40px" round width="80" height="80" />
      </aio-button>
      <!-- 跳转产品专家 -->
      <aio-button wx:if="{{ showExpert }}" data-id="{{  }}" data-type="expert" aio-class="image-btn" special type="info" icon-size="80" bind:click="jumpUrl">
        <aio-image name="expert-entry-40px" round width="80" height="80" />
      </aio-button>
    </view>
  </view>
  <block wx:if="{{ showTip }}">
    <view class="divider-line"></view>
    <view class="tip-content">
      <slot />
    </view>
  </block>
</view>