显示效果如下
.tip {
position: fixed;
bottom: 19px;
right: 32px;
width: 100px;
height: 40px;
background: #fff;
box-shadow: 0px 10px 24px 0px rgba(0, 0, 0, 0.1);
border-radius: 4px;
z-index: 1;
display: flex;
align-items: center;
}
.tip::after {
content: "";
position: absolute;
bottom: -7px;
right: 14%;
display: block;
width: 0;
height: 0;
border-radius: 4px;
border: 8px solid transparent;
border-right-color: #fff;
border-bottom-color: #fff;
transform: scaleX(0.8) rotate(45deg);
}