2016-09-30 13 views
0

おやすみなさい。オブジェクトクラス名とアイコンへのパスがあります。 スタイラスループを実装する方法は?

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') 

答えて

1

<ヴァル名の反復構文を使用> [<キー名>] <発現>

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'; 
} 
... 
+0

なければなりませんmixinを使用して、任意のセレクタを使用することもできます:[demo](http://stylus-lang.co m/try.html#?code = currentProject%20%3D%20%7B%27現在プロジェクト%27%3A%20%27 ..%2F ..%2Fスプライト%2F123.png%27%2C%0A%20 %20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%27%27%3A%20%27 ..%2F .. %2Fスプライト%2F123.png%27%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A %0Aloop()%0A%20%20for%20k%2C%20v%20in%20currentProject%0A%20%20%20%20%26%__%7Bk%7D%0A%20%20%20%20%20%20background -image%20v%0A%0A.class%0A%20loop()) – blonfu

+0

ありがとうございます! – HelpaMnePlz

関連する問題