<view class hover-class="none" hover-stop-propagation="false">
  <view class="pr p10">
    <view class="br8 bgf">
      <swiper class="" style="width: 100%;height:200px;border-radius: 6px 6px 0px 0px;overflow:hidden" indicator-dots="{{true}}" indicator-color="rgba(0,0,0,.3)" autoplay="{{true}}" interval='{{5000}}' circular='{{true}}'>
      
        <swiper-item wx:for="{{storeInfo.imgList}}" class="" item-id="">
          <image  show-menu-by-longpress src="{{item}}" mode="aspectFill" style="width: 100%;height:200px;display:block" class="db toppic"></image>
        </swiper-item>
      </swiper>
      <view class="p16">
        <view class="f16 c3 fwb">关于我们</view>
        <view class="c9 f16 mt8">{{storeInfo.aboutUs || '对方还未介绍自己'}}</view>
      </view>
    </view>

    <view class="bgf mt10 br8" style="padding: 8px 10px 16px;">
      <view class="v-center">
        <view class="flex-1 pr20">
          <view class="f16 c3 mt6">
            {{storeInfo.fullName || '-'}}
          </view>
          <view class="f14 c9 mt8" style=" width: calc(100vw - 120px); white-space: nowrap;overflow: hidden;text-overflow: ellipsis;">{{storeInfo.address || '-'}}</view>
        </view>
        <view class="mr12 mt4 tc" hover-class="thover" bindtap="goMap">
          <image src="https://matripe-cms.oss-cn-beijing.aliyuncs.com/pugongying/daohang.svg" style="width: 28px;height:28px;"></image>
          <view class="f12 c3">导航</view>
        </view>
      </view>
    </view>

    <view class="servicebox mt_10 br8 fsa" style="margin-bottom: 60px;">
      <view class="serviceinfo display-flex" hover-class="none">
        <view class="mr10">
          <image wx:if="{{serviceInfo.avatar}}" class="br_8" src="{{serviceInfo.avatar}}" mode="aspectFit|aspectFill|widthFix" lazy-load="false" binderror bindload></image>
          <image wx:else class="br_8" src="https://matripe-cms.oss-cn-beijing.aliyuncs.com/1shoudan/service.jpg" mode="aspectFit|aspectFill|widthFix" lazy-load="false" binderror bindload></image>
        </view>
        <view class="servicenamebox">
          <view class="mb2 f20 fw500"> {{serviceInfo.contactUserName || '暂无联系人' }}</view>
          <view class="c3 f16">
           
            <i class="mr4"></i>
            <p class="f14">{{serviceInfo.contactTel || '暂无联系方式'}}</p>
          </view>
        </view>
      </view>
      <view class hover-class="none" hover-stop-propagation="false">
        <!-- <view class="iconfont icon-weixin dib" bindtap="showdialog" hover-class="thover06" style="width:40px;height:40px;border-radius: 50%;background-color: var(--color-ysd-bg);color:var(--color-hover);display: flex;align-items: center;justify-content: center;font-size: 20px;float: right;"></view> -->
        <view class="iconfont icon-dianhua mr10 dib" bindtap="makePhoneCall" hover-class="thover06" style="width:40px;height:40px;border-radius: 50%;background-color: var(--color-ysd-bg);color:var(--color-hover);display: flex;align-items: center;justify-content: center;font-size: 20px;float: right;"></view>
      </view>
    </view>
  </view>
</view>