vue-프로젝트 이미지삽입(6일차)

v-for 반복문은 weather[0], weather[1], weather[2], 이런식으로 꺼내지지 않기 때문에
반복문에서 꺼내지면서 조건문에서 weather==='???'이 가능하다
자바스크립트 for반복문과 다름
 
내일 할 일
- 날씨 이미지 찾기
- 첫번째 이미지 태그 선택자 찾아서 css 부분 고치기

 

 // html
 
 	  <div class="detail" v-for="(weather, index) in weather">
        <a v-if="weather === '맑음'">
          <img src='../assets/logo.png'>
        </a>
        <a v-if="weather === '흐림'">
          <img src='../assets/pic2.png'>
        </a>
        <a v-if="weather === '구름많음'">
          <img src='../assets/pic2.png'>
        </a>
      </div>
      
// css

  img{
    width: 30px;
    height: 30px;
  }
  #total > div:nth-child(3) > div > div > div:nth-child(2) {
    padding-left: 0;
  }