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

<!--package-basic-data/pages/share/share.wxml-->
<!-- <text>package-basic-data/pages/share/share.wxml</text> -->
<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">沈阳东科软件有限公司<view class="version-card">标准版</view>
          </view>
          <view class="user-info">张总经理 | 156 4055 6650</view>
        </view>
      </view>
      <view class="info-item"></view>
    </view>
    <view class="integral-info">
      <view class="integral-item">
        <view class="item">
          公司云币:<view class="number">10,000</view>个
        </view>
        <view class="item">
          优惠券:<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">1</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">今日剩余3次</view>
      </view>
    </view>
  </view>
  <view class="activity-card">
    <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="card-item">
      <view class="integral-view">
        <view class="number">100</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>