Iview2 Result 处理结果自定义组件

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>