<template>
    <div class="rule-page">
        <Title class="page-title" title="活动规则与协议" titleColor="#000" @goback="goback" show_back="true"
               arrowColor="black"></Title>
        <div class="section-title">挑战玩法：</div>
        <img class="game-way-img" v-if="bushuType == 1" src="../images/Rule/img_rule_0.png">
        <img class="game-way-img" v-if="bushuType == 2" src="../images/Rule/img_rule_1.png">
        <img class="game-way-img" v-if="bushuType == 3" src="../images/Rule/img_rule_2.png">
        <div class="section-title">参赛须知：</div>
        <div class="content1-container">
            <div class="content1-item">• 为督促大家运动，每位用户报名均需提供契约金</div>
            <div class="content1-item">• 当期比赛结束后不达标的用户将被扣除契约金，作为达标奖金</div>
            <div class="content1-item">• 当期比赛结束后达标用户将平分达标奖金，作为激励</div>
            <div class="content1-item">• 奖金赛中每个账号只能接受一台设备上报的步数</div>
            <div class="content1-item">• 由于微信对网页暂不支持时时步数同步，所以最终结算步数为用户在小程序页面中“提交今日步数”为准。</div>
        </div>
        <div class="section2-title">参赛须知详情：</div>
        <div class="content2-title">一、比赛规则</div>
        <div class="content2-item">每期比赛于比赛日00:00:00正式开始统计，到比赛日23:59:59正式结束；用户缴纳当期比赛契约金后即可成功报名；比赛结束后达标用户将收到运动奖励金（奖励金等于达标用户本人运动契约金，加上均分未达标用户契约金的30%）；
        </div>
        <div class="content2-item">运动达标奖励金将于比赛结束后24小时内发放到达标用户账户中；</div>
        <div class="content2-title">二、用户确认报名即认可平台判定结果，不再对该结果进行任何形式抗辩</div>
        <div class="content2-item">
            每场比赛的判定结果，由平台根据比赛结束时(当期比赛最后一日的23:59:59)的服务器后台获取的用户步数来判定，该步数会显示在当期比赛结束后的比赛详情页；用户报名成功即表示对平台
            的判定结果表示认可，不再对该结果进行任何形式抗辩；
        </div>
        <div class="content2-title">三、用户应保证设备的可靠性，以保证运动数据准确性</div>
        <div class="content2-item">报名赛事的用户应保证自己设备的可靠性，例如保证电源电量充足，保证计步服务在设备系统的运行白名单内，网络链接正常
            等；为了更好的保证运动数据的可靠性，比赛期间请保证一定频次的手机微信登录；由于用户个人设备缺乏可靠性导致的投诉，平台不予处理；
        </div>
        <div class="content2-title">四、其他说明</div>
        <div class="content2-item">奖金派发时仅派发到小数点后两位，由此可能造成的奖金结余将在合并至本组下期比赛奖金中一并派发；</div>
        <div class="content2-item">由于不可抗力因素导致当期比赛因故无法进行的，平台有权取消当期比赛’并将在指定时间内将运动契约金原路退还给报名成功用户；</div>
        <div class="ps">注：Apple不是本赛事赞助者</div>
        <br>
    </div>
</template>

<script>
    import Title from "@/components/Title.vue"

    export default {
        name: "Rule",
        components: {
            Title,
        },
        data() {
            return {
                bushuType: 0
            }
        },
        mounted() {
            if (this.$route.params.level) {
                this.bushuType = this.$route.params.level
            } else {
                let LastLevel = Number(sessionStorage.getItem('bushuType'))
                if (LastLevel) {
                    this.bushuType = LastLevel
                }
            }

        },
        methods: {
            goback() {
                history.go(-1)
            },
        }
    }
</script>
<style lang="less" scoped>
    .rule-page {
        width: 100%;
        background: #fff;
        display: flex;
        flex-direction: column;
        align-items: center;
        padding-top: .96rem;

        .page-title {
            font-weight: bold;
            width: 100%;
            background: #fff;
            position: fixed;
            left: 0;
            top: 0;
        }

        .section-title {
            width: 6.72rem;
            font-size: .3rem;
            line-height: 1;
            color: #333;
            font-weight: bold;
            text-align: left;
            margin-top: .44rem;
        }

        .game-way-img {
            width: 6.15rem;
            height: 1.09rem;
            margin-top: .3rem;
            margin-bottom: .14rem;
        }

        .content1-container {
            width: 6.7rem;
            margin-top: .2rem;

            .content1-item {
                font-size: .26rem;
                line-height: .44rem;
                color: #5a5a5a;
            }
        }

        .section2-title {
            width: 6.72rem;
            font-size: .26rem;
            line-height: 1;
            color: #333;
            margin-top: .4rem;
        }

        .content2-title {
            width: 6.72rem;
            font-size: .26rem;
            line-height: .44rem;
            color: #333;
            margin-top: .2rem;
        }

        .content2-item {
            width: 6.72rem;
            font-size: .26rem;
            line-height: .44rem;
            color: #5a5a5a;
            margin-top: .14rem;
        }

        .ps {
            width: 6.72rem;
            font-size: .26rem;
            line-height: 1;
            color: #A5A5A5;
            margin: .4rem 0 .26rem;
        }
    }
</style>