|
@@ -4,55 +4,44 @@
|
|
|
邀请好友获得红旗资产
|
|
|
</div>
|
|
|
<div class="invite-list">
|
|
|
- <div class="invite-item">
|
|
|
+ <div class="invite-item" v-for="item in rewards" :key="item.renshu">
|
|
|
<div class="invite-info">
|
|
|
- <div class="invite-title">邀请5人实名认证</div>
|
|
|
- <div class="invite-reward">奖励60000元红旗资产</div>
|
|
|
+ <div class="invite-title">{{ item.title }}</div>
|
|
|
+ <div class="invite-reward">{{ item.reward }}</div>
|
|
|
</div>
|
|
|
- <button class="btn received">已领取</button>
|
|
|
- </div>
|
|
|
- <div class="invite-item">
|
|
|
- <div class="invite-info">
|
|
|
- <div class="invite-title">邀请10人实名认证</div>
|
|
|
- <div class="invite-reward">奖励150000元红旗资产</div>
|
|
|
- </div>
|
|
|
- <button class="btn not-reached">未达标</button>
|
|
|
- </div>
|
|
|
- <div class="invite-item">
|
|
|
- <div class="invite-info">
|
|
|
- <div class="invite-title">邀请20人实名认证</div>
|
|
|
- <div class="invite-reward">奖励300000元红旗资产</div>
|
|
|
- </div>
|
|
|
- <button class="btn not-reached">未达标</button>
|
|
|
- </div>
|
|
|
- <div class="invite-item">
|
|
|
- <div class="invite-info">
|
|
|
- <div class="invite-title">邀请50人实名认证</div>
|
|
|
- <div class="invite-reward">奖励800000元红旗资产</div>
|
|
|
- </div>
|
|
|
- <button class="btn not-reached">未达标</button>
|
|
|
- </div>
|
|
|
- <div class="invite-item">
|
|
|
- <div class="invite-info">
|
|
|
- <div class="invite-title">邀请100人实名认证</div>
|
|
|
- <div class="invite-reward">奖励1800000元红旗资产</div>
|
|
|
- </div>
|
|
|
- <button class="btn not-reached">未达标</button>
|
|
|
- </div>
|
|
|
- <div class="invite-item">
|
|
|
- <div class="invite-info">
|
|
|
- <div class="invite-title">邀请150人实名认证</div>
|
|
|
- <div class="invite-reward">获得国家神秘奖励</div>
|
|
|
- </div>
|
|
|
- <button class="btn not-reached">未达标</button>
|
|
|
+ <button class="btn" @click="receiveReward(item.renshu)">领取</button>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
+import { getShareccb } from '@/api/profile';
|
|
|
+
|
|
|
export default {
|
|
|
- name: 'Dynamic'
|
|
|
+ name: 'Dynamic',
|
|
|
+ data() {
|
|
|
+ return {
|
|
|
+ rewards: [
|
|
|
+ { renshu: 5, title: '邀请5人实名认证', reward: '奖励60000元红旗资产' },
|
|
|
+ { renshu: 10, title: '邀请10人实名认证', reward: '奖励150000元红旗资产' },
|
|
|
+ { renshu: 20, title: '邀请20人实名认证', reward: '奖励300000元红旗资产' },
|
|
|
+ { renshu: 50, title: '邀请50人实名认证', reward: '奖励800000元红旗资产' },
|
|
|
+ { renshu: 100, title: '邀请100人实名认证', reward: '奖励1800000元红旗资产' },
|
|
|
+ { renshu: 150, title: '邀请150人实名认证', reward: '获得国家神秘奖励' }
|
|
|
+ ]
|
|
|
+ }
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ async receiveReward(renshu) {
|
|
|
+ try {
|
|
|
+ const res = await getShareccb(renshu);
|
|
|
+ alert(res.data.msg);
|
|
|
+ } catch (e) {
|
|
|
+ // 接口异常时不弹窗
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
}
|
|
|
</script>
|
|
|
|
|
@@ -125,6 +114,8 @@ export default {
|
|
|
font-weight: 500;
|
|
|
padding: 0 18px;
|
|
|
cursor: default;
|
|
|
+ background: #d0021b;
|
|
|
+ color: #fff;
|
|
|
}
|
|
|
|
|
|
.btn.received {
|