在stylus mixin

Question

使用手写笔我想创建一个使用基于locale选项的正确图像的mixin。

MIXIN

    locale-image(name, locale)
      if locale is not defined
         locale = 'en-US'
      background-image url('../images/'locale'/'name'.jpg')

使用示例：

.us-image
    locale-image('my-us-image')

.ge-image
    locale-image('my-german-image', 'de-DE')

基本上有没有办法省略像美国例子中的参数？如何修改我的mixin以支持此功能？

Answer 1

是的，您可以使用argument defaults：

  locale-image(name, locale = 'en-US')
    background-image url('../images/' + locale + '/' + name + '.jpg')

  .us-image
    locale-image('my-us-image')

  .ge-image
    locale-image('my-german-image', 'de-DE')