主页 / 问题 / 940055
Accepted
ink Shio
Asked:2020-02-03 05:24:56 +0000 UTC2020-02-03 05:24:56 +0000 UTC

mixin 哈巴狗中的块

  • 772

按钮有这样的mixin

- var blocks={};

mixin set(key)
  - blocks[key] = this.block

mixin A(buttonClass, buttonText, disabled)
  button.button(class= buttonClass, disabled= disabled)
    span
      if block
        block
        - blocks.left()
        | #{buttonText}
        - blocks.right()
      else
        | #{buttonText}

+A("button_small button_filled", "Кнопка", false)
  +set('left')
    p l
  +set('right')
    p r

这个 mixin 有效，但效果不如我想的那么好。我不知道如何解决它。

这个想法是 set('left') 用于插入按钮，左侧的图标。+set('right') - 右边的图标

如果我写 +set('left') 和 +set('right') 作为例子，那么一切都好。但如果我写一件事，那就是一个错误。

https://codepen.io/inkshio/pen/YBVOMK

jade

1 个回答

  1. Best Answer

    可能对某人有用

    //-
    Миксин кнопок
    buttonClass - стиль кнопки
    buttonText - текст кнопки
    disabled - активная кнопка или нет (true, false)

mixin button(buttonClass, buttonText, disabled)
    //- Для вывода нескольких блоков в миксине
    - var icons={};

    mixin set(key)
        - icons[key] = this.block

    button.button(class= buttonClass, disabled= disabled)
        span.button__content
            if block
                block
                - if (icons.left) {
                    span.button__icon
                        - icons.left()
                - }
                span.button__text
                    | #{buttonText}
                - if (icons.right) {
                    span.button__icon
                        - icons.right()
                - }
            else
                span.button__text
                    | #{buttonText}
    • 0

相关问题