程序必用的空布局（包含加载中、加载为空、加载错误、自己的布局）

程序必用的空布局（包含加载中、加载为空、加载错误、自己的布局）

SmallProgramEmptyLayoutDemo

程序必用的空布局（包含加载中、加载为空、加载错误、自己的布局）。完全不影响其他逻辑 git地址：https://github.com/xiaoxige/SmallProgramEmptyLayoutDemo

介绍

空布局， 包含记载中、加载为空、加载错误。 自己还是和原来那样开发小程序那样， 只是在你要使用空布局的根布局使用empty-layout标签替换view标签即可。该空布局不会影响到你开发自己功能的逻辑。（你要说是非侵入的也行，好像这样说更高大上哈） 详情及用法可查看Demo

注意

空布局中的各个界面状态的图片、界面或者图片，用户可以根据自己的去empty中去改 有什么问题可直接联系我QQ:745759231

效果

1.加载中

2.加载失败

3.加载数据为空

使用方法

1.引入

把Demo中的empty文件夹复制到自己项目里

2.使用

在要使用的界面的json文件中引入空布局

"usingComponents": { "empty-layout": "../../empty/empty" }

在要使用的界面的js文件中引入空布局的js文件

var Empty = require("../../empty/constant/EmptyConstant.js");

在要使用的界面中那一块要使用空布局直接使用空布局提供的标签即可

3.展示不同的界面

3.1. 布局中三个值的意义

3.2.改变布局

在自己代码中js逻辑中去根据自己的逻辑去设置emptyType的值即可，eg: 要展示加载中的布局

this.setData({ emptyType: Empty.loading });

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。