<template>
    <van-dialog v-model:show="show" theme="round-button" confirm-button-text="知道了">
        <div class="dialog-title">
            <span>比赛说明</span>
        </div>
        <div class="dialog-tips">
            <div>1. 房主选英雄及地图，报名成功即同意</div>
            <div>2. 网络干扰属于个人原因，不接受退赛退票处理</div>
            <div>3. 队友挂机或者无响应，一律流局处理，违规者不返还门票</div>
            <div>4. 违规者门票将用于补偿其他玩家</div>
        </div>
    </van-dialog>
</template>

<script>
export default {
    data() {
        return {
            show: false
        };
    },
    methods: {
        init(url = '') {
            this.show = true;
        }
    }
};
</script>

<style lang="less" scoped>
.dialog-title {
    .flex-col();
    align-items: center;
    padding: 20px 0 24px;
    img {
        width: 48px;
        height: 48px;
    }
    span {
        font-size: 18px;
        font-weight: bold;
        color: #ffffff;
        line-height: 24px;
        margin-top: 12px;
    }
}

.dialog-tips {
    font-size: 14px;
    color: #ffffff;
    line-height: 20px;
    padding: 0 20px 30px;
}
</style>
