2016-09-30 1 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 .. % 2Fsprites % 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 .. % 2Fsprites % 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 % 20 % % 20k % 2C % 20v % 20in % 20 % 20 % 20 % 20 % 20 % 20 % 20 % 20 % 20 % 20 % 20 % 20 % 20 % -image % 20v % 0A % 0A.class % 0A % 20loop()) – blonfu

+0

고마워요! – HelpaMnePlz

관련 문제