vue之v-bind:style 

<div class="collect" @click="collected=!collected">
  <i class="fa fa-heart" :style="{'color': collected ?'rgb(240, 20, 20)':'rgb(147, 153, 159)'}"></i>
  <span class="text" :style="{'color': collected ?'rgb(77, 85, 93)':'rgb(147, 153, 159)'}">{{collected?'已收藏':'收藏'}}</span> 
</div>

 

posted @ 2017-06-04 16:26  JohnYunhan  Views(302)  Comments(0)  Edit  收藏  举报