<!-- CopyRight (C) 2017-2022 Alibaba Group Holding Limited. -->
<!-- Created by Tw93 on 16/10/26. -->

<template>
  <div class="wxc-demo">
    <wxc-result :type="type"
                padding-top="232"
                :custom-set="customSet"
                @wxcResultButtonClicked="resultButtonClick"
                :show="show"></wxc-result>
  </div>
</template>

<style scoped>
  .wxc-demo {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background-color: #fff;
  }
</style>

<script>
  const modal = weex.requireModule('modal');

  import { WxcResult } from '../../index';

  import { setTitle } from '../_mods/set-nav';

  module.exports = {
    components: { WxcResult },
    data: () => ({
      show: true,
      type: 'errorPage'
    }),
    computed: {},
    created () {
      setTitle('Result');
    },
    methods: {
      resultButtonClick (e) {
        modal.toast({
          'message': `你点击了按钮`,
          'duration': 1
        })
      }
    }
  };
</script>
