Weex 通用错误结果页,主要包括通用错误、无商品、无网络、定位错误的错误情况
<template> <wxc-result type="errorPage" :show="show" padding-top="232" @wxcResultButtonClicked="wxcResultButtonClicked"></wxc-result> </template> <script> import { WxcResult } from 'weex-ui'; export default { components: { WxcResult }, data: () => ({ show: true }), methods: { wxcResultButtonClicked(e){ // e.type即错误页面类型,可以在这里做对应操作 modal.toast({ 'message': e.type, 'duration': 1, }) } } }; </script>
更详细代码可以参考 demo
Prop | Type | Required | Default | Description |
---|---|---|---|---|
type | String | N | errorPage | errorPage、noNetwork、noGoods、errorLocation |
show | Boolean | N | true | 是否显示 |
padding-top | Number | N | 240 | 图案距离顶部高度 |
custom-set | Object | N | {} | 自定义覆盖 type.js#L4 |
wrap-style | Object | N | {} | 外层 wrap 样式自定义 |
this.customSet={errorPage: { button: null, desc: '可以减少筛选内容试试', content: '抱歉主人,没有找到合适条件的推荐' }}
@wxcResultButtonClicked="wxcResultButtonClicked"