我对SCSS不太熟悉,不知道如何使用它。我在Stack Overflow和其他地方寻找解决方案,但没有找到。
我正在开发一个显示手机列表的应用程序。我通过调用REST API获得这个列表(以JSON形式)。所有的手机都有相同类型的信息需要显示,比如名称、型号、价格、可用性和数量。
请注意,我的问题与访问SASS中HTML属性值不同。该链接涉及计算父元素的子元素数目。而在我的情况下,我想根据JSON对象的某个属性值获取样式表代码(颜色、字体大小、字体宽度)。
我想要做的是:
- 使用不同的颜色根据手机类型将这些手机显示在自己的DIV/Card中。"Phone Type"是一个整数值。
- 以不同的字体大小显示名称、价格、可用性和数量。
我已经了解了SCSS中的@mixin,它们可以接受参数。我想我可以使用这个来传递我的手机类型整数/数字值。
我看到的所有示例都是从另一个SCSS文件中调用@mixin,并传递参数值。
这是传递参数值到@mixin的唯一方法吗?
如果有人能告诉我如何从HTML传递参数值(在我的情况下是手机类型)到SCSS的@mixin,那就太好了。
非常感谢您的帮助。