<template>
  <view class="empty">
    <image class="empty-image" src="https://img.lkbang.net/xcx/empty.png" />
    <text class="empty-text">购物车空空如也～</text>
  </view>
</template>
<style lang="scss">
.empty {
  text-align: center;
  width: 710rpx;
  height: 422rpx;
  margin: auto;
  background-color: $white;
  text-align: center;
  margin-top: 20rpx;
  border-radius: $uni-border-radius-lg;
  padding-top: 24rpx;
  &-image {
    display: block;
    margin: auto;
    width: 260rpx;
    height: 240rpx;
    margin-bottom: 82rpx;
  }
  &-text {
    font-size: $uni-font-size-lg;
    color: $font-color-base;
  }
}
</style>
