FiDA_Front/src/views/home/components/style.ts

const sofaImages = import.meta.glob('@/assets/images/sofa/*.png', { eager: true })
const deskImages = import.meta.glob('@/assets/images/desk/*.png', { eager: true })
const chairImages = import.meta.glob('@/assets/images/chair/*.png', { eager: true })

const imagesMaps = {
	sofa: sofaImages,
	desk: deskImages,
	chair: chairImages
}

function slugify(str) {
	return str
		.toLowerCase()
		.trim()
		.replace(/['"]/g, '') // 去掉撇号
		.replace(/[^a-z0-9\s-]+/g, '') // 只保留字母数字空格-
		.replace(/\s+/g, '-') // 空格转 -
		.replace(/-+/g, '-')
}

/**
 * 动态获取风格对应的图片 URL
 * @param { 'sofa' | 'desk' | 'chair' } type
 * @param { string } style   // 必须和 styleList 里的字符串完全一致
 * @returns { string | null }  返回可直接用于 <img :src=""> 的 URL
 */
export function getStyleImage(types, style) {
	if (!types) types = 'Sofa'
	const type = types.toLowerCase()
	const map = imagesMaps[type]

	const fileName = `${slugify(style)}.png`
	const key = `/src/assets/images/${type}/${fileName}`

	if (map[key]) {
		return map[key].default
	}
	return ''
}