85 lines
3.1 KiB
Plaintext
85 lines
3.1 KiB
Plaintext
<!-- 阿龙电竞 - 邀请码页面 -->
|
|
<view class="yaoqingma-page">
|
|
<!-- 顶部装饰条 -->
|
|
<view class="top-decoration"></view>
|
|
|
|
<!-- 页面标题 -->
|
|
<view class="page-title">
|
|
<text class="title-text">专属邀请码</text>
|
|
<text class="title-sub">分享邀请码，招募更多大手</text>
|
|
</view>
|
|
|
|
<!-- 邀请码展示卡片 -->
|
|
<view class="yaoqingma-card {{isLoading ? 'card-loading' : ''}}">
|
|
<!-- 卡片装饰角 -->
|
|
<view class="card-corner top-left"></view>
|
|
<view class="card-corner top-right"></view>
|
|
<view class="card-corner bottom-left"></view>
|
|
<view class="card-corner bottom-right"></view>
|
|
|
|
<!-- 卡片内容 -->
|
|
<view class="card-content">
|
|
<!-- 加载状态 -->
|
|
<view wx:if="{{isLoading}}" class="loading-container">
|
|
<view class="loading-spinner"></view>
|
|
<text class="loading-text">正在生成邀请码...</text>
|
|
</view>
|
|
|
|
<!-- 正常展示状态 -->
|
|
<view wx:else class="code-container">
|
|
<text class="code-label">我的邀请码</text>
|
|
<view class="code-display">
|
|
<text class="code-text {{copySuccess ? 'code-copied' : ''}}">{{yaoqingma || '点击下方按钮生成'}}</text>
|
|
<view wx:if="{{yaoqingma}}" class="code-status {{copySuccess ? 'status-show' : ''}}">
|
|
<text class="iconfont icon-success">✓</text>
|
|
<text>已复制</text>
|
|
</view>
|
|
</view>
|
|
|
|
<text class="code-tip">此邀请码用于招募大手，每个管事唯一</text>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
|
|
<!-- 操作按钮区域 -->
|
|
<view class="action-area">
|
|
<!-- 生成/复制按钮 -->
|
|
<view
|
|
class="action-btn {{isLoading ? 'btn-disabled' : ''}} {{yaoqingma ? 'btn-copy' : 'btn-generate'}}"
|
|
bindtap="{{isLoading ? '' : 'chuliYaoqingma'}}"
|
|
hover-class="btn-hover"
|
|
hover-stay-time="50"
|
|
>
|
|
<!-- 按钮背景光效 -->
|
|
<view class="btn-glow"></view>
|
|
|
|
<!-- 按钮内容 -->
|
|
<view class="btn-content">
|
|
<text class="btn-icon">{{yaoqingma ? '📋' : '✨'}}</text>
|
|
<text class="btn-text">{{yaoqingma ? '一键复制邀请码' : '生成我的邀请码'}}</text>
|
|
</view>
|
|
|
|
<!-- 按钮说明 -->
|
|
<text class="btn-desc">{{yaoqingma ? '点击复制到剪贴板' : '点击生成专属邀请码'}}</text>
|
|
</view>
|
|
|
|
<!-- 使用说明 -->
|
|
<view class="instruction">
|
|
<view class="instruction-item">
|
|
<text class="instruction-icon">🔗</text>
|
|
<text class="instruction-text">将邀请码分享给打手，他们注册时填写即可绑定</text>
|
|
</view>
|
|
<view class="instruction-item">
|
|
<text class="instruction-icon">💰</text>
|
|
<text class="instruction-text">成功邀请的打手充值押金，您将获得分佣奖励</text>
|
|
</view>
|
|
<view class="instruction-item">
|
|
<text class="instruction-icon">⚠️</text>
|
|
<text class="instruction-text">邀请码仅限本人使用，请勿泄露给他人</text>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<global-notification id="global-notification" />
|
|
|
|
|
|
</view> |