index.scss 819 B

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