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

<!-- 加载图层 -->
<loading wx:if="{{loading}}"></loading>
<view class="content">
  <view class="user-card">
    <view class="user-card-info">
      <view class="info-title">
        <view class="cp-avatar">
          <image fit="fill" src="{{avatarUrl}}"></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 class="sign-record" wx:if="{{settingFlg}}" catch:tap="signRecord">个人签到记录</view> -->
          <view class="sign" wx:if="{{settingFlg}}" data-name="sign" bind:tap="open">
            <view style="display: flex;justify-content: center;align-content: center;justify-items: center;align-items: center; ">
              签到
              <view style="display: flex;justify-content: center;align-content: center;align-items:center;background: #ECD1A7;border-radius: 50%;">
                <van-icon name="arrow" />
              </view>
            </view>

          </view>
        </view>
      </view>
    </view>
    <view class="integral-info">
      <view class="integral-item">
        <view class="item" data-name="integralDetail" bind:tap="open">
          公司云币:<view class="number">{{ integral }}</view>枚
        </view>
        <view class="item" data-name="couponDetail" bind:tap="open">
          优惠券:<view class="number">{{ couponNumber }}</view>张
        </view>
      </view>
      <view class="rearmk-view">
        <view class="title">云币说明:<span class="info">完成签到、分享、邀请可获得云币，云币可完全抵扣续费、购买授权、购买功能包等费用。<span style="color: #3F5CF4;text-decoration:underline;" bind:tap="toIntegralRules">查看云币具体规则；</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" wx:if="{{ cilckViewId=='toShare' }}">
      分享不停歇
    </view>
    <view class="card-item">
      <view class="integral-view" data-name="toShare" bind:tap="showCardItem">
        <view class="number">{{integralTacticItem.shareIntegral}}</view>
        <view>云币</view>
      </view>
      <view class="title-view" data-name="toShare" bind:tap="showCardItem">
        <view>分享好友，即得云币</view>
      </view>
      <view class="button-view">
        <van-button customStyle="background-color: #EBC07F;border-radius:50rpx;color:#ffffff;" dataset="toShare" open-type='share'>
          <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.shareRemainderNum}}</span>次</view>
      </view>
    </view>
  </view>
  <view class="activity-card" wx:if="{{ couponItem }}">
    <view class="activity-title" wx:if="{{ cilckViewId=='toPower' }}">
      助力拿福利
    </view>
    <view class="card-item">
      <view class="discount-view" data-name="toPower" bind:tap="showCardItem">
        <view class="number">{{ couponItem.discount }}</view>
        <view>折</view>
      </view>
      <view class="title-view" data-name="toPower" bind:tap="showCardItem">
        <view>{{ couponItem.couponDesc }}</view>
      </view>
      <view class="button-view">
        <van-button customStyle="background-color: #EBC07F;border-radius:50rpx;color:#ffffff;" dataset="toPower" open-type='share'>
          <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>
    </view>
    <view class="button-view-footer" wx:if="{{ cilckViewId=='toPower' && couponSendItem && couponSendItem != null }}">
      <view class="user-list">
        <view class="user-icon" wx:for="{{couponSendItem.userHelpNum}}">
          <image fit="fill" src="{{imageUrl+'/user_icon.png'}}" />
        </view>
        <view class="user-icon" wx:for="{{ couponItem.userNum > 5? 5 - couponItem: couponItem.userNum - (couponSendItem.userHelpNum? couponSendItem.userHelpNum: 0) }}">
          <!-- <van-icon class="icon" name="add-o" /> -->
          <van-icon class="icon" name="plus" />
        </view>
      </view>
      <van-count-down use-slot time="{{ time }}" wx:if="{{true}}" bind:change="onCountDownChange">
        <view class="remark">
          <view class="time-view">
            <view class="time">{{ timeData.hours < 10? '0' + timeData.hours : timeData.hours }}</view>
            <view class="time">{{ timeData.minutes < 10? '0' + timeData.minutes : timeData.minutes }}</view>
            <view class="time">{{ timeData.seconds < 10? '0' + timeData.seconds: timeData.seconds }}</view>
          </view>后失效
        </view>
      </van-count-down>
    </view>
  </view>

  <view class="activity-card">
    <view class="activity-title" wx:if="{{ cilckViewId=='toRegister' }}">
      邀请注册拿云币
    </view>
    <view class="card-item">
      <view class="integral-view" data-name="toRegister" bind:tap="showCardItem">
        <view class="number">{{integralTacticItem.shareRegIntegral}}</view>
        <view>云币</view>
      </view>
      <view class="title-view" data-name="toRegister" bind:tap="showCardItem">
        <view>邀请好友使用,互利共赢，一起得云币！</view>
      </view>
      <view class="button-view">
        <van-button customStyle="background-color: #EBC07F;border-radius:50rpx;color:#ffffff;" dataset="toRegister" open-type='share'>
          <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>
    </view>
    <view class="button-view-footer" wx:if="{{ cilckViewId=='toRegister' && integralShareItem }}">
      <view class="user-list">
        <view class="user-icon" wx:for="{{ 1 }}">
          <van-icon class="icon" name="plus" />
        </view>
      </view>
      <van-count-down use-slot time="{{ time }}" wx:if="{{true}}" bind:change="onCountDownChange">
        <view class="remark">
          <view class="time-view">
            <view class="time">{{ timeData.hours < 10? '0' + timeData.hours : timeData.hours }}</view>
            <view class="time">{{ timeData.minutes < 10? '0' + timeData.minutes : timeData.minutes }}</view>
            <view class="time">{{ timeData.seconds < 10? '0' + timeData.seconds: timeData.seconds }}</view>
          </view>后失效
        </view>
      </van-count-down>
    </view>
  </view>

</view>