index.scss 857 B

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