vue实现九宫格大转盘抽奖

恭喜获得

{{ award.name }}

    <div id="rotary-table" class='margin-auto'>
    
    <div class="award " style='z-index:2' v-for="(award,index) in awards" :class="['award'+index,{'active': index==current}]" :key='index' >
         <div class='to-absolute'  style='height:4.96667rem;width:4.96667rem;z-index:888;border-radius:10px;' :class="['award'+index,{'active1': index==current}]"></div>
         <img class='to-relative'   :src="award.img" alt="" style='height:4.96667rem;width:4.96667rem;z-index:1'>
        
       <!-- <div style=''>
           <div style='height:1rem;text-align:center;'></div>
           <div style='height:1rem;text-align:center;'> {{award.name}}</div>
       </div> -->
    </div>
    <div id="start-btn" @click="start"></div>
</div>
 <div class="back-home-page font-size-normal  user-awrad">立即使用 </div>
 <div class='font-color text-center viewpager font-size-smaller'>当前剩余&nbsp;<span style='color:#FFF093;'>{{ count}}</span>&nbsp;次</div>
 <div class='text-center margin-top-bigger'>
   <img  class='margin-auto' src="http://static.shuge769.cn/wx/asset-v2/operation/choujiang/records.png" alt=""
    style='width:20.4rem;height:19.2rem'>
   </div>

}
}