dk-tip.wxss 769 B

12345678910111213141516171819202122232425262728293031
  1. .tip {
  2. min-height: 80rpx;
  3. color: white;
  4. display: flex;
  5. align-items: center;
  6. justify-content: flex-start;
  7. padding: 8rpx 16rpx;
  8. background: rgba(0, 0, 0, 0.8);
  9. position: absolute;
  10. border-radius: 12rpx;
  11. }
  12. .tip:after {
  13. content:"\00a0";
  14. width:0;
  15. height:0;
  16. display:block;
  17. border-style:solid;
  18. border-width: 8rpx;
  19. border-color:transparent transparent rgba(0, 0, 0, 0.8) transparent;
  20. position:absolute;
  21. z-index: 1;
  22. top: -14rpx;
  23. left: 10rpx;
  24. }
  25. .container {
  26. display: flex;
  27. flex-direction: column; /* 设置为列方向,这样子元素会垂直排列 */
  28. align-items: center; /* 在交叉轴(这里是水平轴)上居中对齐 */
  29. justify-content: center; /* 在主轴(这里是垂直轴)上居中对齐 */
  30. }