Iview2Result 处理结果自定义组件
效果图
代码实现
<template>
<div >
<Row style="height: 200px;margin-top: 20px" class="fiexstyle">
<div style="width: 100px;height: 100px;background-color:#5cb85c;border-radius: 50%">
<Icon type="ios-checkmark" size="60" style="color:white;margin: 20%"></Icon>
</div>
</Row>
<Row class="fiexstyle">
<p style="font-size: 24px;height: 50px;text-align: center;">
申请处理中...
</p>
</Row>
<Row class="fiexstyle">
<p style="height: 50px;text-align: center;">
您的申请已收到,系统正在处理中。
</p>
</Row>
<Row class="fiexstyle">
<Button type="primary" @click="goback">返回订单列表</Button>
</Row>
</div>
</template>
<script>
export default {
name: "resultProcess",
data(){
return{
}
},
methods:{
goback(){
this.$router.push({
name:'my-orders'
})
}
}
}
</script>
<style scoped>
.fiexstyle{
display:flex;
justify-content: center;
align-items: center;
}
</style>