renhailaowu/pages/message/index.wxml

<view class="container">
  <!-- wx:if="{{isLogin}}" -->
  <!-- <view class="servicebox br_8">
    <view class="serviceinfo display-flex pb16" 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 f18 fw500">客户经理</view>
        <view class="c3 f16">
          {{serviceInfo.userName}}
          <i class="mr4"></i>
          <p class="f14">{{serviceInfo.tel || '0371-6611 3723'}}</p>
        </view>
      </view>
    </view>
    <view class="display-flex bt1 serviceBottom" hover-class="none" hover-stop-propagation="false">
      <view class="display-flex br1 f14" bindtap="makePhoneCall" hover-class="thover">
        <view class hover-stop-propagation="false">
          <i class="iconfont icon-dianhua fw500 c6 mr4"></i>
          拨打电话
        </view>
        <i class="iconfont icon-gengduo11 c9 f12 mr10"></i>
      </view>
      <view class="display-flex pl16 f14" bindtap="showdialog" hover-class="thover">
        <view class hover-stop-propagation="false">
          <i class="iconfont icon-qiyeweixin fw500 c6 mr4"></i>
          加我微信
        </view>
        <i class="iconfont icon-gengduo11 c9 f12"></i>
      </view>
    </view>
  </view>-->
  <view class="servicebox br_8 fsa dn">
    <view class="serviceinfo display-flex" hover-class="none">
      <view class="mr8">
        <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 f18 fw500">客户经理</view>
        <view class="c3 f16">
          {{serviceInfo.userName}}
          <i class="mr4"></i>
          <p class="f14">{{serviceInfo.tel || '0371-6611 3723'}}</p>
        </view>
      </view>
    </view>
    <view class hover-class="none" hover-stop-propagation="false">
      <i class="t-icon t-icon-dianhua6 mr10" bindtap="makePhoneCall" hover-class="thover" style="width:40px;height:40px "></i>
      <i class="t-icon t-icon-qiyeweixin " bindtap="showdialog" hover-class="thover" style="width:40px;height:40px "></i>
    </view>
  </view>
  <view class="mt10 br_8 dn" style="padding:20px 10px;background-color:#fff" hover-class="thover" hover-stop-propagation="false" bindtap="goDetail" data-type="wellcome">
    <view class="fw500 f16 mb12" style="line-height:16px">
      <i wx:if="{{!messageClick}}" class="mr4 mb2" style="display:inline-block;width: 8px;height: 8px;background: #f5222d;border-radius: 50%;"></i>伯才稻田欢迎您
    </view>
    <view class="f14 c9 oelps" style="width:100%">伯才稻田（以下简称”稻田“），是一个专门服务代理的平台。</view>
  </view>
  <!-- 消息列表 -->
  <view class="mt10 br_8" wx:for="{{infoList}}" style="padding:20px 10px;background-color:#fff" hover-class="thover" hover-stop-propagation="false" bindtap="goDetail" data-id="{{item.id}}" data-type="info">
    <view class="fw500 f16 mb12 fsa" style="line-height:16px">
      <view class hover-class="none" hover-stop-propagation="false">
        <i wx:if="{{item.readed == 0}}" class="mr4 mb2" style="display:inline-block;width: 8px;height: 8px;background: #f5222d;border-radius: 50%;"></i>
        {{item.title}}
      </view>
      <view class="fw400" hover-class="none" hover-stop-propagation="false">{{item.pubTime}}</view>
    </view>
    <view class="f14 c9 oelps" style="width:100%">{{item.remark || '[图片]'}}</view>
  </view>
  <view class wx:if="{{infoList.length <= 0}}" style="text-align:center" hover-class="none" hover-stop-propagation="false">
    <view class="t-icon t-icon-zanwu" style="width:80px;height:80px;margin:180px auto 20px;"></view>
    <view class="tc f14 c045">暂无消息</view>
  </view>
</view>
<view aria-role="dialog" aria-modal="true" class="fadeIn" catchtouchmove="modalMove" wx:if="{{iosDialog}}">
  <view class="weui-mask"></view>
  <view class="weui-dialog contact" style="box-sizing:border-box;">
    <view class="weui-dialog__hd">
      <!-- <strong class="weui-dialog__title">17639080029</strong></view> -->
      <!-- <view class="weui-dialog__bd">
            <view>现在登录吗?</view>
      </view>-->
      <!-- <image src="https://matripe-cms.oss-cn-beijing.aliyuncs.com/1shoudan/service.jpg" style="width:56px;height:56px;"></image> -->
      <!-- <image src="../../assets/Snipaste_2023-06-13_09-25-14.png" show-menu-by-longpress='{{true}}' style="width:56px;height:56px;"></image> -->
      <i class="iconfont icon-guanbi guanbi c6 biggerSize" bindtap="closeDialog"></i>
      <view class="f16 c3 fw500 mb32">加客户经理微信</view>
      <view wx:if="{{isLoading}}" class style="position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)" hover-class="none" hover-stop-propagation="false">
        <view aria-role="img" aria-label="加载中" style class="weui-primary-loading">
          <view class="weui-primary-loading__dot"></view>
        </view>
        <view class hover-class="none" hover-stop-propagation="false">加载中...</view>
      </view>
      <image src="{{serviceInfo.qrCode}}" bindload="imageLoad" show-menu-by-longpress="{{true}}" style="width: 184px;height: 184px;"></image>
      <!-- <view class="f14 c9">人才经纪人</view> -->
      <!-- <view class="mt20 f22 c3">{{pmdUserInfo.tel}}</view> -->
      <view class="f14 c3 mt6">长按识别二维码</view>
    </view>
    <!-- <view class="display-flex contact_bottomBtn pb20" style="padding-top:20px;">
      <view class="flex-1 lflex v-center" bindtap="closeDialog" hover-class="thover">取消</view>
      <view class="rflex">
        <button class="" type="primary" hover-class="thover" bindtap="makePhoneCall">呼叫</button>
      </view>
    </view>-->
  </view>
</view>