Question

美好的一天。有一个对象类名称和图标的路径。

currentProject = {'current-project': '../../sprites/123.png',
                  'composition-project': '../../sprites/123.png',
                  'room': '../../sprites/123.png',
                  'terms': '../../sprites/123.png',
                  'documents': '../../sprites/123.png',
                  'command': '../../sprites/123.png',
                  'contact': '../../sprites/123.png'}

如何获得结果？

 &__current-project: 
    background-image: url('../../sprites/123.png')
 &__room 
    background-image: url('../../sprites/123.png')

Answer 1

在手写笔中，使用迭代语法 for＆lt; val-name＆gt; ＆lt; expression＆gt;

中的[，＆lt; key-name＆gt;]

currentProject = {'current-project': '../../sprites/123.png',
                  'composition-project': '../../sprites/123.png',
                  'room': '../../sprites/123.png',
                  'terms': '../../sprites/123.png',
                  'documents': '../../sprites/123.png',
                  'command': '../../sprites/123.png',
                  'contact': '../../sprites/123.png'}

div                 
  for k, v in currentProject
    &_{k}
      background-image v

输出应为

div_current-project {
  background-image: '../../sprites/123.png';
}
...

手写笔如何实现循环？

1 个答案: