111

QYF-GitLab1

2025-01-03 2ee8ddb1ecac7df4198e54e08ec7f22daf4b07c0

 custom-tab-bar/index.wxss

@@ -4,6 +4,8 @@
  align-items: center;
}



.custom-tab-bar-wrapper .text {
  font-size: 20rpx;
  margin-top: 10rpx;
@@ -11,23 +13,55 @@

.tabBarBox {
  display: flex;
  padding-bottom: 50rpx;
  padding-bottom: env(safe-area-inset-bottom);
  background-color: #fff;
  /* opacity: 1; */
  z-index: 1100;
}

.tabItem {
  flex: 1;
  height: var(--td-tab-bar-height, 80rpx);
  height: var(--td-tab-bar-height, 88rpx);
  box-sizing: border-box;
  user-select: none;
  position: relative;
  margin-bottom: 26rpx;
  margin-bottom: 24rpx;
  background-color: var(--td-tab-bar-bg-color, var(--td-bg-color-container, var(--td-font-white-1, #ffffff)));
  padding: 0 24rpx;
  padding-top: 20rpx;
}

.tabItem:nth-child(1) .tab-images {
  width: 52rpx;
  height: 44rpx;
}

.tabItem:nth-child(2) .tab-images {
  width: 38rpx;
  height: 44rpx;
}

.tabItem:nth-child(3) .tab-images {
  width: 57rpx;
  height: 44rpx;
}

.tabItem:nth-child(4) .tab-images {
  width: 45rpx;
  height: 44rpx;
}

.tabItem:nth-child(5) .tab-images {
  width: 43rpx;
  height: 44rpx;
}

.tab-images .tabImg {
  width: 100%;
  height: 100%;
  margin: 0 auto;
}

.text {
  font-size: 20rpx;
  text-align: center;