<style lang="sass">
    @import './sass/activity.scss';
</style>

<template>
    <div class="page-activity">
        <div class="mod-banner">
            <h4>拆红包拿新年礼！</h4>
            <p>多玩草威望勋章拆不停，活动帖晒奖还能赢QB外设JD卡！</p>
        </div>
        <div class="mod-content">
            <div class="avatar">
                <img :src="avatar" alt="">
            </div>
            <p class="invide">邀请你参与活动</p>
            <p class="code">{{code}}</p>
            <p class="btn-wrap">
                <span @click="doCopy">
                    复制邀请码并下载APP
                </span>
            </p>
            <p class="tips">填写邀请码后，双方都能获得红包</p>
            <p class="link">
                <a @click.stop="showRule = true">如何填写邀请码？</a>
            </p>
        </div>
        <transition name="fade">
            <div class="mod-rule" v-show="showRule">
                <div class="role-wrap">
                    <div class="btn-close" @click.stop="showRule = false">
                        <i></i>
                        <em></em>
                    </div>
                    <div class="rule-content">
                        <h3>如何填写邀请码</h3>
                        <p>1、“复制邀请码并下载APP” 已有最新版多玩论坛APP用户可直接打开 未安装最新版多玩论坛APP用户将打开应用宝下载页，选择下载并打开APP</p>
                        <p>2、打开论坛APP后可 在活动弹窗或者“我的-年度盛典”进入活动页</p>
                        <p>3、选择“填写邀请码”,长按粘贴并确定</p>
                        <p>4、填写完毕后您将获得1个红包，可拆开获得随机奖励</p>
                    </div>
                </div>
            </div>
        </transition>
    </div>
</template>

<script>
import activity from "./js/activity.js";
export default activity;
</script>


