sound-chain/pages/index/review.vue

<template>
  <s-layout :bgStyle="{ color: '#fff' }" tabbar="/pages/index/review" title="复盘">
    <s-empty
      icon="/static/cart-empty.png"
      text="复盘空空如也,快去逛逛吧~"
    />

    <!-- 头部 -->
    
      <!-- 内容 -->
      <!-- 底部 -->
  </s-layout>
</template>

<script setup>
  import sheep from '@/common';
  import { onShow } from '@dcloudio/uni-app';
  import { computed, reactive } from 'vue';
  import { isEmpty } from '@/common/helper/utils';

  // 隐藏原生tabBar
  uni.hideTabBar({
    fail: () => {},
  });

  const sys_navBar = sheep.$platform.navbar;

  const state = reactive({
  });


  onShow(() => {
  });
</script>

<style lang="scss" scoped>
  :deep(.ui-fixed) {
    height: 72rpx;
  }

  .cart-box {
    width: 100%;

    .cart-header {
      height: 70rpx;
      background-color: #f6f6f6;
      width: 100%;
      position: fixed;
      left: 0;
      top: v-bind('sys_navBar') rpx;
      z-index: 1000;
      box-sizing: border-box;
    }

    .cart-footer {
      height: 100rpx;
      background-color: #fff;

      .pay-btn {
        width: 180rpx;
        height: 70rpx;
        font-size: 28rpx;
        line-height: 28rpx;
        font-weight: 500;
        border-radius: 40rpx;
      }
    }

    .cart-content {
      margin-top: 70rpx;

      .goods-box {
        background-color: #fff;
        position: relative;
      }
      // 下架商品
      .down-box {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: rgba(#fff, 0.8);
        z-index: 2;
        display: flex;
        justify-content: center;
        align-items: center;
        color: #999;
        font-size: 32rpx;
      }
    }
  }
</style>