Передать массив из html в Less с помощью attr (), а затем обработать его для нескольких элементов (расширение data-balloon)? - PullRequest
Новая
       19

Передать массив из html в Less с помощью attr (), а затем обработать его для нескольких элементов (расширение data-balloon)?

0 голосов
/ 18 декабря 2018

У меня есть фрагмент кода, подобный 

<button 
text="some label"
data-balloon="this is tooltip"
/>

, и я использую шар меньше файлов в качестве вдохновения, потому что мне нужно сделать подсказку к этомукнопка.Но всплывающая подсказка состоит не только из чистого текста (что может делать data-ballon), но она также должна содержать ярлыки, которые оформлены по-разному

(каждый ключ имеет границу и, если имеется несколько ключей,затем они разделяются на +)

Есть ли возможность реализовать это только с использованием less?

Я представлял что-то вроде: 

<button 
  text={"some label"}
  data-balloon={"this is tooltip"}
  shortcuts={"Alt","1"}
/>

и затем в less:

[data-balloon]{
  .
  .
  &:after {
    .
    .
    content: @foreach (attr(shortcuts)){...create one key in little frame inside this tooltip..}
  }
}

Таким образом, результат должен выглядеть примерно так:

enter image description here

Есть идеи, как это сделать?

...