自定义tabbar，首页视频使用不同颜色的tabbar

xiangpei

2025-05-15 305691dd3759e3bd95fdd70ff46693d04f2925d4

 pages/tabbar/index/home.vue

@@ -81,6 +81,7 @@
        </view>
      </swiper-item>
    </swiper>
   <custom-tabbar bgColor="#333333" :selected="0" selectedTextColor="#ffffff"></custom-tabbar>
  </view>
</template>

@@ -233,6 +234,9 @@
</script>

<style scoped>
   ::v-deep .custom-tabbar {
      border-top: none !important;
   }
   .video-container {
     width: 100%;
     height: 100vh;
@@ -253,7 +257,7 @@
   .video-info {
     width: 70%;
     position: absolute;
     bottom: 50px;
     bottom: 70px;
     left: 20px;
     color: #f8f8f8;
     z-index: 10;
@@ -320,7 +324,7 @@
   /* 商品链接悬挂层样式 */
   .goods-link-warp {
      position: absolute;
      bottom: 100px;
      bottom: 160px;
      left: 20px;
      color: #f8f8f8;
      z-index: 10;