.navigator-index {
    display: block;
    height: initial;
}
/* components/navigator/index.wxss */

.navigator-index .block {
    position: sticky;
    top: 0;
    z-index: 999999;
}

.navigator-index .bar {
    position: absolute;
    padding-left: 50rpx;
    width: 100%;
}

.navigator-index .flex {
    display: flex;
    align-items: center;
}

.navigator-index .white {
    color: white;
}

.navigator-index .black {
    color: black;
}

.navigator-index .black-arrow::before {
    content: "";
    display: inline-block;
    width: 16rpx;
    height: 16rpx;
    /* border-bottom: 3rpx solid black;
    border-left: 3rpx solid black; */
    border-bottom: 3rpx solid transparent;
    border-left: 3rpx solid transparent;
    transform: rotate(45deg);
    margin-right: 5rpx;
}

.navigator-index .white-arrow::before {
    content: "";
    display: inline-block;
    width: 16rpx;
    height: 16rpx;
    /* border-bottom: 3rpx solid white;
    border-left: 3rpx solid white; */
    border-bottom: 3rpx solid transparent;
    border-left: 3rpx solid transparent;
    transform: rotate(45deg);
    margin-right: 5rpx;
}