Ширина встроенного стиля с использованием атрибута mixin jade - PullRequest
Новая
       37

Ширина встроенного стиля с использованием атрибута mixin jade

0 голосов
/ 03 сентября 2018

Я пытаюсь выполнить inline-стилизацию с помощью нефритовых миксинов, следуя ответу, приведенному в этой ссылке , но это не работает так, как это требуется.

Я использую этот нефрит: 

mixin centerImg(margin,imgWidth,imgWidthpx,imgId)
table(border="0", cellpadding="0", cellspacing="0", width="640")
    tr
        td(width=margin)
        td(width=imgWidth)
            a.antiHand(href='#', style='cursor: none !important; pointer-events: none; border-style: none; border: none; border-color: transparent;')
                img(alt="", style="width:#{imgWidth};max-width:#{imgWidthpx};display:block;margin:0")(width=imgWidth)(src=imgId)
        td(width=margin)

+centerImg(200,240,"240px",'https://media.giphy.com/media/SzzNGHZWHCBqw/giphy.gif')

и вот что я получаю: 

<table border="0" cellpadding="0" cellspacing="0" width="640">
          <tr>
            <td width="200"></td>
            <td width="240"><a class="antiHand" href="#" style="cursor: none !important; pointer-events: none; border-style: none; border: none; border-color: transparent;"><img alt="" style="width:#{imgWidth};max-width:#{imgWidthpx};display:block;margin:0" width="240" src="https://media.giphy.com/media/SzzNGHZWHCBqw/giphy.gif"/></a></td>
            <td width="200"></td>
          </tr>
        </table>

есть идеи?

1 Ответ

0 голосов
/ 06 сентября 2018

Этот код: 

style="width:#{imgWidth};max-width:#{imgWidthpx};display:block;margin:0"

Должно измениться так: 

style=`width:${imgWidth};max-width:${imgWidthpx};display:block;margin:0`

Я думаю, что это работает!

...