FileAddOrUpdateStep3.vue 1.17 KB
<template>
    <div class="fileAddStep3" >
        <div class="saveSuccess">
            <i class="icon icon-success"></i>
            <span class="successtext">保存成功!</span>
            <p>{{times}}秒后自动跳转 点击<a @click="goList()">直接跳转</a></p>
        </div>
    </div>
</template>
<script>
export default {
    data(){
        return{
            times:3
        }
    },
   methods:{
       goList(){
           this.$router.push({name: 'configFile'});
       }
   }
}
</script>

<style lang="scss" scoped>
    .fileAddStep3{
        height: 100%;
        width: 100%;
        position: relative;
       .saveSuccess{
           position:absolute;
           height: 100px;
           width: 200px;
            top:50%;
            left:50%;
            margin-top:-50px;
            margin-left: -100px;
            .successtext{
                padding-left: 10px;
                font-size: 18px;
                vertical-align: middle;
            }
            p{
                padding-top: 10px;
                a{
                    color:#0091ea;
                    cursor: pointer;
                }
            }
           
        }
    }
</style>