Pad_New/src/pages/home/activeSuccess.vue

<template>
    <div class="page_activeSuccess">
        <van-sticky>
            <div class="activeSuccessTitle">
                <i class="iconfont icon-zuojiantou jiantou" @click="$router.go(-1)"></i>
                <span class="titleName">活动报名表</span>
            </div>
        </van-sticky>
        <div class="successBox">
            <div class="successImg">
                <img src="../../assets/images/true.png" alt="">
                <p>提交成功</p>
            </div>
        </div>
        <div class="msgBox">
            <p>您已完成填写，</p>
            <p>工作人员将通过电话或微信联系您并进行信息审核。</p>
            <img src="../../assets/images/ercode.png" alt="">
            <p>欢迎扫码加入</p>
            <p>【酷医云民营血透医护交流群二】微信群，</p>
            <p>了解行业热点，获取知识！</p>
        </div>
        <div class="ercode" @click="returnIndex">返回首页</div>
    </div>
</template>

<script>
export default {
    methods:{
        returnIndex(){
            this.$router.push({ path: "/homeIndex" });
        }
    }
}
</script>


<style lang="scss" scoped>
.page_activeSuccess{
    .activeSuccessTitle{
        background: #fff;
        height: 3.125rem;
        line-height: 3.125rem;
        display: flex;
        align-items: center;
    }

    .jiantou {
        margin-left: 1.25rem;
        font-size: 1.5rem;
        font-weight: 600;
        margin-right: 6.2rem;
    }

    .titleName {
        font-size: 1.125rem;
        font-weight: 600;
    }
    .successImg{
        margin-top: 3.125rem;
        img{
            width: 6.25rem;
            height: 6.25rem;
            margin: 0 auto;
            display: block;
        }
        p{
            font-size: 1.5rem;
            text-align: center;
            margin-top: .625rem;
        }
    }
    .msgBox{
        font-size: .875rem;
        color: #858585;
        margin-top: 1.25rem;
        p{
            text-align: center;
            line-height: 1.25rem;
        }
        img{
            width: 9.375rem;
            height: 9.375rem;
            margin: 1rem auto .5rem;
            display: block;
        }
    }
    .ercode{
        width:14.5rem;
        height:2.5rem;
        line-height: 2.5rem;
        text-align: center;
        background:rgba(25,121,244,1);
        border-radius:20px;
        color: #fff;
        margin: 1.875rem auto;
    }
}

</style>