detail-navbar.wxss 2.1 KB

1
  1. .ui-tabbar.data-v-e878b9b7{display:flex;height:100%;background:#fff}.ui-tabbar .detail-tabbar-item.data-v-e878b9b7{width:80rpx}.ui-tabbar .detail-tabbar-item .item-icon.data-v-e878b9b7{width:40rpx;height:40rpx}.ui-tabbar .detail-tabbar-item .item-title.data-v-e878b9b7{font-size:20rpx;font-weight:500;line-height:20rpx;margin-top:12rpx}.icon-box.data-v-e878b9b7{box-shadow:0 0 4rpx rgba(51,51,51,.08),0 4rpx 6rpx 2rpx rgba(102,102,102,.12);border-radius:30rpx;width:134rpx;height:56rpx;margin-left:8rpx;border:1px solid rgba(255,255,255,.4)}.icon-box .line.data-v-e878b9b7{width:2rpx;height:24rpx;background:#e5e5e7}.icon-box .sicon-back.data-v-e878b9b7,.icon-box .sicon-home.data-v-e878b9b7,.icon-box .sicon-more.data-v-e878b9b7{font-size:32rpx;color:#000}.icon-box .icon-button.data-v-e878b9b7{width:67rpx;height:56rpx}.icon-box .icon-button-left.data-v-e878b9b7:hover{background:rgba(0,0,0,.16);border-radius:30rpx 0px 0px 30rpx}.icon-box .icon-button-right.data-v-e878b9b7:hover{background:rgba(0,0,0,.16);border-radius:0px 30rpx 30rpx 0px}.left-box.data-v-e878b9b7{position:relative;width:60rpx;height:60rpx;display:flex;justify-content:center;align-items:center}.left-box .circle.data-v-e878b9b7{position:absolute;left:0;top:0;width:60rpx;height:60rpx;background:rgba(255,255,255,.6);border:1rpx solid #ebebeb;border-radius:50%;box-sizing:border-box;z-index:-1}.right.data-v-e878b9b7{position:relative;width:60rpx;height:60rpx;display:flex;justify-content:center;align-items:center}.right .circle.data-v-e878b9b7{position:absolute;left:0;top:0;width:60rpx;height:60rpx;background:rgba(255,255,255,.6);border:1rpx solid #ebebeb;box-sizing:border-box;border-radius:50%;z-index:-1}.detail-tab-card.data-v-e878b9b7{width:50%}.detail-tab-card .tab-item.data-v-e878b9b7{height:80rpx;position:relative;z-index:11}.detail-tab-card .tab-item .tab-title.data-v-e878b9b7{font-size:30rpx}.detail-tab-card .tab-item .cur-tab-title.data-v-e878b9b7{font-weight:700}.detail-tab-card .tab-item .tab-line.data-v-e878b9b7{width:60rpx;height:6rpx;border-radius:6rpx;position:absolute;left:50%;transform:translate(-50%);bottom:10rpx;background-color:var(--ui-BG-Main);z-index:12}