css:
.radioStyle { display:inline-block; width: .24rem; height: .24rem; background: url("img/radio_icon.png")0 -0.34rem no-repeat;background-size: 100%; margin-right: 0.2rem; } .radioStyleChecked { background: url("img/radio_icon.png")0 0 no-repeat; background-size: 100%; }
html:
<div class="app">
<div class="radio-box" v-for="(item,index) in radios" :key="item.id">
<span class="radioStyle" :class="{'radioStyleChecked':item.isChecked}" @click="huoqu(index)"></span>
<input v-model="sex" :value="item.value" class="input-radio" :checked='item.isChecked' type="radio" style="display: