| 12345678910111213141516171819202122232425262728293031 |
- .tip {
- min-height: 80rpx;
- color: white;
- display: flex;
- align-items: center;
- justify-content: flex-start;
- padding: 8rpx 16rpx;
- background: rgba(0, 0, 0, 0.8);
- position: absolute;
- border-radius: 12rpx;
- }
- .tip:after {
- content:"\00a0";
- width:0;
- height:0;
- display:block;
- border-style:solid;
- border-width: 8rpx;
- border-color:transparent transparent rgba(0, 0, 0, 0.8) transparent;
- position:absolute;
- z-index: 1;
- top: -14rpx;
- left: 10rpx;
- }
- .container {
- display: flex;
- flex-direction: column; /* 设置为列方向,这样子元素会垂直排列 */
- align-items: center; /* 在交叉轴(这里是水平轴)上居中对齐 */
- justify-content: center; /* 在主轴(这里是垂直轴)上居中对齐 */
- }
|