小程序制作全局nodata组件

nodata全局组件

nodata在很多的页面都会用到所以就考虑做一个全局的组件

代码如下，html：

<view class="noDataBox">
    <image mode="widthFix" src="https://gitee.com/my466879168/picBed/raw/master/image/20200813161457.jpg">image>
    <view class="tipstxt">
        暂无数据
    view>
view>

css：

image{
  width: 100rpx;

}
.tipstxt{
  font-size: 26rpx;
  color: #999;
  text-align: center;
}
.noDataBox{
  padding: 50rpx 0;
  width: 100%;
  text-align: center;
}

要在.json中引入一下就可以全局使用了

"usingComponents": {
    "noData": "./components/noData/noData",
    "returnTop": "./components/returnTop/returnTop"
  }