打印/下载
参数
Vue案例
小程序案例

参数

  • loading: (Boolean) 是否显示加载动画
  • title: (String) 名称, 默认: ""为不显示
  • text: (String) 内容
  • icon: (String) 字体图标, 默认: "ui ui_loading"
  • iconColor: (String) 图标颜色, 默认: "#FF6600"
  • button: (Boolean) 是否显示按钮, 默认: true
  • buttonText: (String) 按钮文本, 默认: "刷新"
  • butColor: (String) 按钮颜色, 默认: "#6FB737"
  • buttonBg: (String) 按钮背景色, 默认: "#FFF"
  • bgColor: (String) 背景颜色, 默认: "#F2F4F6"

    事件

  • change: (event) 点击按钮

引入

import PageError from '@/components/page-error'
Vue.component('page-error',PageError);

Html

<page-error
  :title="load.title"
  :text="load.text"
  @change="loadData">
</page-error>

JavaScript

export default {
  data(){
    return {
      load:{title:'',text:''},
    }
  },
  methods:{

    /* 加载数据 */
    loadData(){
      // 重置
      this.load.title = '';
      this.load.text = '';
      // 显示
      setTimeout(()=>{
        this.docBody.load.title = '暂无数据';
        this.docBody.load.text = '该文档不存在或没有内容';
      },1000);
    },

  },
}

引入

{
  "usingComponents": {
    "page-error": "/components/page-error/index",
  },
  "navigationStyle": "custom"
}

基础用法

<page-error
  title="load.title"
  text="load.text"
  bind:change="loadData">
</page-error>

JavaScript

import store from '../../store'
import create from '../../libray/store/create'

create(store,{
  data:{
    load:{title:'',text:''},
  },

  /* 加载数据 */
  loadData(){
    // 重置
    this.setData({
      ['load.title']:'',
      ['load.text']:'',
    });
    // 显示
    setTimeout(()=>{
      this.setData({
        ['load.title']:'暂无数据',
        ['load.text']:'该文档不存在或没有内容',
      });
    },1000);
  },

});
{{copy}}