crm-app-vue3/components/imgs-row-scroll/index.scss

.imgs-row-scroll {
	max-width: 100%;
    overflow: auto;
	::v-deep .uni-scroll-view {
		height: 100% !important;
	}
	.img-list {
		display: flex;
		align-items: center;
	}
	
	.img-item {
		flex-shrink: 0;
		border-radius: 12rpx;
		overflow: hidden;
		background-color: #f5f5f5;
		position: relative;
		border: 4rpx solid transparent;
		transition: border-color 0.3s, transform 0.3s, box-shadow 0.3s;
		
		&.is-active {
			border-color: #3c9cff; // uView 的 primary 颜色
			box-shadow: 0 0 12rpx rgba(60, 156, 255, 0.5);
		}
		
		&.dragging {
			opacity: 0.5;
			transform: scale(1.05);
			box-shadow: 0 4rpx 20rpx rgba(0, 0, 0, 0.2);
		}
		
		&:hover {
			cursor: move;
		}
	}
	
	.img-content {
		width: 100%;
		height: 100%;
		border-radius: 12rpx;
		object-fit: contain;
	}
	.delete-icon {
		position: absolute;
		top: 8rpx;
		right: 8rpx;
		width: 36rpx;
		height: 36rpx;
		background-color: rgba(0, 0, 0, 0.5);
		border-radius: 50%;
		display: flex;
		align-items: center;
		justify-content: center;
		z-index: 10;
		::v-deep .u-icon{
			background-color: transparent !important;
		}
	}
	// 使用indicator隐藏滚动条会报错，暂时使用样式隐藏
	::v-deep .u-scroll-list__indicator{
		display: none !important;
	}
}