Плакат и иконка игры не могут быть заменены на разные картинки. ⇐ CSS

[Гость]

Итак, у меня есть часть кода, в которой мне нужно просматривать карточки/плакаты с разными изображениями и разными значками, которая хранится в папке assets/game. Я пытался изменить изображение и поместить несколько источников, но это не работает, когда я добавляю только один источник изображения, оно отображается на всех карточках/плакатах. Как я могу это исправить?
{{ $t(getKey(info.gameName)) }} {{ info["enGameExplain"] }} экспортировать по умолчанию { имя: "GameCard", реквизит: { Информация: { тип: Объект, по умолчанию: () => {}, }, }, данные() { возвращаться { угол: '' } }, созданный() { console.log('info', this.info, this.imagesUrl) const angularEmum = { '大额': 'новый', '上新': 'новый', '最热': 'горячий' } this.corner = angularEmum[this.info.labelName] }, настраивать() { возвращаться { imagesUrl: window.imagesUrl, goDetails({id}) { window.open(`/GameDetails/${id}/game`); }, }; }, }; .gamecard { отображение: встроенный блок; высота: 450 пикселей; ширина: 350 пикселей; box-shadow: 0 5px 10px #ddd; радиус границы: 20 пикселей; поле внизу: 50 пикселей; поле справа: 50 пикселей; переполнение: скрыто; курсор: указатель; положение: относительное; переход: все 0,3 с; непрозрачность: 0; анимация: move_opacity 0,5 с, легкость 1 вперед; &:nth-child(3n) { поле справа: 0; } &:наведите { преобразование: TranslateY (-10 пикселей); } .game-плакат { ширина: 100%; высота: 450 пикселей; //253 } .game-угол { позиция: абсолютная; слева: 0; верх: 0; ширина: 81 пикселей; } .gamecard-main { размер коробки: граница-коробка; ширина: 100%; отступ: 0 20 пикселей; // поле: 0 авто; .gamecard-main-tit { дисплей: гибкий; выровнять-элементы: по центру; преобразование: TranslateY (-265 пикселей); //2 цвет: #fff; .gamecard-icon { преобразование: TranslateY (-12 пикселей); ширина: 60 ​​пикселей; поле справа: 12 пикселей; } охватывать { размер шрифта: 14 пикселей; вес шрифта: 400; переполнение: скрыто; дисплей: -webkit-box; -webkit-box-orient: вертикально; -webkit-line-clamp: 1; } } .gamecard-main-cont { поле сверху: 5 пикселей; ширина: 100%; размер шрифта: 14 пикселей; цвет: #fff; ; преобразование: TranslateY (-270 пикселей); переполнение: скрыто; дисплей: -webkit-box; -webkit-box-orient: вертикально; -webkit-line-clamp: 2; } } @keyframes move_opacity { от { непрозрачность: 0; } к { непрозрачность: 1; } } }