原生小程序列表为空的填充

<!--components/noRecord/index.wxml-->
<view class="mod_no_record">
  <view class="content">
    <image src="/imgs/no_record.png" alt srcset class="img" 
      mode="widthFix"
     >
    </image>
    <view class="txt">
      <slot></slot>
    </view>
  </view>
</view>

less 写法

/* pages/noRecord/index.wxss */
.mod_no_record {
  width: 100%;
  height: 100%;
  background: #f7f7f7;
  color: #adadad;
  padding-top: 20%;

  .content {
    width: 90%;
    margin: 0 auto;
    text-align: center;
    font-size: 16px;
    color: #adadad;

    .img {
      width: 38%;
      height: auto;
    }

    .txt {
      width: 100%;
      margin-top: 9%;
    }
  }
}