index.scss 691 B

1234567891011121314151617181920212223242526272829303132333435363738
  1. .imgs-row-scroll {
  2. .img-list {
  3. display: flex;
  4. align-items: center;
  5. }
  6. .img-item {
  7. flex-shrink: 0;
  8. border-radius: 12rpx;
  9. overflow: hidden;
  10. background-color: #f5f5f5;
  11. position: relative;
  12. }
  13. .img-content {
  14. width: 100%;
  15. height: 100%;
  16. border-radius: 12rpx;
  17. object-fit: contain;
  18. }
  19. .delete-icon {
  20. position: absolute;
  21. top: 8rpx;
  22. right: 8rpx;
  23. width: 36rpx;
  24. height: 36rpx;
  25. background-color: rgba(0, 0, 0, 0.5);
  26. border-radius: 50%;
  27. display: flex;
  28. align-items: center;
  29. justify-content: center;
  30. z-index: 10;
  31. }
  32. // 使用indicator隐藏滚动条会报错,暂时使用样式隐藏
  33. ::v-deep .u-scroll-list__indicator{
  34. display: none !important;
  35. }
  36. }