前端设置盒子超出滚动 隐藏滚动条

         <div class="legend-title">
          <div
            class="legend-title-item"
            v-for="(item, index) in config.data"
            :key="index"
          >
            <b
              class="h-point"
              style="background-color: rgb(55, 203, 204)"
            ></b>
            <span class="first">{{ item.name }}</span>

            <span>{{ item.value }}所</span>
          </div>
        </div>

.legend-title::-webkit-scrollbar {
  display: none;
}
.legend-title {
  width: 210px;
  height: 180px;
  overflow: auto;
  .legend-title-item {
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    flex-direction: row;
  }
}