微信小程序封装空白页组件

在实际项目开发中，封装一个空白页组件，当页面没数据的时候，可以显示空白页，并且可以根据调用组件传的值不一样，图片，文字和按钮文字页不一样，代码就直接粘贴啦

首先要明白：

Component构造器

Component构造器可用于定义组件，调用Component构造器时可以指定组件的属性、数据、方法等。（这个不懂的，可以去微信公众平台-框架-自定义组件）中去了解概念

WXML:

<view class="empty-content">

       <image src='{ {emptyImage}}' mode="widthFix" />

       <view wx:if="{ {showInfo}}" class="info text-lg text-default">{ {info}}</view>

      <view wx:if="{ {showButton}}" class="empty-btn">

            { {buttonTitle}}

     </view>

</view>

 

WXSS:

.empty-content {

    width: 100vw;

    height: 100vh;

    display: flex;

    flex-direction: column;

    align-items: c