添加使用自定义tab栏

pages/index/index.vue

@@ -1,7 +1,7 @@
 <script setup>
 import { ref, onMounted, getCurrentInstance, nextTick } from 'vue';
 import { onLoad, onShow, onReady, onHide, onPullDownRefresh } from '@dcloudio/uni-app';
-
+import CustomTabBar from '@/components/CustomTabBar.vue'
 import { getSystemSafeArea, getSystemInfo, isEmpty, showToast, showLoadingToast, closeToast } from '@/common/common.js';
 import LoginPopup from '@/components/login-popup.vue';
 import { getProducts } from './api.js';
@@ -79,7 +79,11 @@ const handleBook = (productId) => {
 </script>
 
 <template>
-  <view class="h-[140rpx]">hello</view>
+  <view class="h-[100vh] bg-[#9C032D]">
+	  
+	  <CustomTabBar />
+  </view>
+  
 </template>
 
 <style scoped lang="scss">