iboss_wx_app/package-basic-data/pages/share/share.wxml

<view class="content">
  <view class="user-card">
    <view class="user-card-info">
      <view class="info-title">
        <view class="cp-avatar">
          <image fit="fill" src="{{imageUrl+'/order_billing_detail_01.png'}}"></image>
        </view>
        <view class="title-info">
          <view class="cp-info">
            {{companyName}}
            <view class="version-card" wx:if="{{versionName && gradeCode === 'STD'}}">标准版</view>
            <view class="version-card PRO" wx:if="{{versionName && gradeCode === 'PRO'}}">专业版</view>
          </view>
          <view class="user-info">{{staffName}} | {{staffPhone}}</view>
        </view>
      </view>
    </view>
    <view class="integral-info">
      <view class="integral-item">
        <view class="item" data-name="integralDetail" bind:tap="open">
          公司云币:<view class="number">10,000</view>个
        </view>
        <view class="item" data-name="couponDetail" bind:tap="open">
          优惠券:<view class="number">1</view>张
        </view>
      </view>
      <view class="rearmk-view">
        <view class="title">云币说明:<span class="info">完成签到、分享、邀请可获得云币，云币可完全抵扣续费、购买授权、购买功能包等费用。<span
              style="color: #3F5CF4;text-decoration:underline;">查看云币具体规则；</span>完成助力可获得优惠券，优惠券有期限请注意使用</span></view>
      </view>
    </view>
    <view class="user-card-backgorund">
      <image class="scan-image" fit="fill" src="{{imageUrl+'/detail_sale_order.png'}}"></image>
    </view>
  </view>

  <view class="activity-card">
    <view class="activity-title">
      分享不停歇
    </view>
    <view class="card-item">
      <view class="integral-view">
        <view class="number">{{integralTacticItem.signIntegral}}</view>
        <view>云币</view>
      </view>
      <view class="title-view">
        <view>分享好友，即得云币</view>
      </view>
      <view class="button-view">
        <van-button customStyle="background-color: #EBC07F;border-radius:50rpx;color:#ffffff;">
          <view
            style="display: flex;justify-content: center;align-content: center;justify-items: center;align-items: center;font-size: 25rpx;">
            立即分享
            <view
              style="display: flex;justify-content: center;align-content: center;align-items:center;background: #ECD1A7;border-radius: 50%;width: 15px;height: 15px;margin-left: 10rpx;">
              <van-icon name="arrow" />
            </view>
          </view>
        </van-button>
        <view class="remark">今日剩余<span style="color:#E4002B;">{{integralTacticItem.shareDayNum}}</span>次</view>
      </view>
    </view>
  </view>
  <view class="activity-card">
    <view class="activity-title">
      助力拿福利
    </view>
    <view class="card-item">
      <view class="discount-view">
        <view class="number">5</view>
        <view>折</view>
      </view>
      <view class="title-view">
        <view>好友助力，得优惠券,购买更便宜</view>
      </view>
      <view class="button-view">
        <van-button customStyle="background-color: #EBC07F;border-radius:50rpx;color:#ffffff;">
          <view
            style="display: flex;justify-content: center;align-content: center;justify-items: center;align-items: center;font-size: 25rpx;">
            立即助力
            <view
              style="display: flex;justify-content: center;align-content: center;align-items:center;background: #ECD1A7;border-radius: 50%;width: 15px;height: 15px;margin-left: 10rpx;">
              <van-icon name="arrow" />
            </view>
          </view>
        </van-button>
        <view class="remark">
          <view class="time-view">
            <view class="time">07</view>
            <view class="time">59</view>
            <view class="time">33</view>
          </view>后失效
        </view>
      </view>
    </view>
  </view>

  <view class="activity-card">
    <view class="activity-title">
      邀请注册拿云币
    </view>
    <view class="card-item">
      <view class="integral-view">
        <view class="number">{{integralTacticItem.shareRegIntegral}}</view>
        <view>云币</view>
      </view>
      <view class="title-view">
        <view>邀请好友使用,互利共赢，一起得云币！</view>
      </view>
      <view class="button-view">
        <van-button customStyle="background-color: #EBC07F;border-radius:50rpx;color:#ffffff;">
          <view
            style="display: flex;justify-content: center;align-content: center;justify-items: center;align-items: center;font-size: 25rpx;">
            立即邀请
            <view
              style="display: flex;justify-content: center;align-content: center;align-items:center;background: #ECD1A7;border-radius: 50%;width: 15px;height: 15px;margin-left: 10rpx;">
              <van-icon name="arrow" />
            </view>
          </view>
        </van-button>
        <view class="remark">
          <view class="time-view">
            <view class="time">07</view>
            <view class="time">59</view>
            <view class="time">33</view>
          </view>后失效
        </view>
      </view>
    </view>
  </view>

</view>