lc-result

结果页组件

注意事项

• 结果页可包含错误页面，操作成功提示页等多种类型
• 结果页可配置标题，描述与提示图片

效果

使用方法

<template>
  <div class="wxc-demo">
    <lc-result  :icon="icon"
                :title="title"
                :desc="desc"
                padding-top="232"
                @onResultClick="resultClicked"
                class="result"
                ></lc-result>
  </div>
</template>

<script>
  import Light from 'light'
  const modal = Light.requireModule('modal');

  import LcResult from 'lighting-ui/packages/lc-result';

  import TYPE from 'result.js'

  export default {
    components: { LcResult },
    data: () => ({
      icon: TYPE['error']['icon'],
      title: TYPE['error']['title'],
      desc: TYPE['error']['desc'],
    }),
    methods: {
      resultClicked (e) {
        modal.toast({
          'message': e.title,
          'duration': 2
        })
      }
    }
  };
</script>

result.js

export default {
    success: {
      icon: 'images/error.png',
      desc: '付款成功，请耐心等待商品发货',
      title: '付款成功'
    },
    error: {
      icon: 'images/error.png',
      desc: '银行卡余额不足',
      title: '付款失败'
    },
    warning: {
      icon: 'images/error.png',
      desc: '哎呀，没有网络了......',
      title: '付款异常'
    }
  }

API

Prop	Type	Required	Default	Description
data	Object	Y	-	结果页包含的标题，描述与图片

• data中包含title，desc，icon。