一、隐藏滚动条

设置当期div的：-webkit-scrollbar

<template>
    <div class="change_container"></div>
</template>
<style>
.change_container {
    display: flex;
    overflow-x: auto;
}
.change_container::-webkit-scrollbar {
    display: none
}
</style>

二、自定义三个点样式

Lorem ipsum dolor sit amet, consetetur

<div class="container">
    <div class="text">
        <span class="color">Lorem</span> ipsum dolor sit amet, consetetur
    </div>
</div>
.container {
    width: 120px;
}
.text {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    color:#b02b7c;
}
.color {
    color: black;
}