<li v-for='(val,itemid) in item.value' :key='itemid'>
? ? ? ? ? ? ? ? ? <input type="radio" :name='item.name'? :id="item.name+itemid">
? ? ? ? ? ? ? ? ? <label :for="item.name+itemid" > <p>{{val}}</p> </label>
</li>
input[type='radio']{
? ? ? ? ? float: left;
? ? ? ? ? width: 14px;
? ? ? ? ? height: 14px;
? ? ? ? ? margin-right: 5px;
? ? ? ? ? margin-top: 7px;
? ? ? ? ? display: none;
? ? ? ? }
? ? ? ? label{
? ? ? ? ? ? position: relative;
? ? ? ? ? ? float: left;
? ? ? ? ? ? width: 78px;
? ? ? ? ? ? height: 28px;
? ? ? ? ? ? line-height: 28px;
? ? ? ? ? &::before{
? ? ? ? ? ? display: block;
? ? ? ? ? ? float: left;
? ? ? ? ? ? content: "";
? ? ? ? ? ? width: 14px;
? ? ? ? ? ? height: 14px;
? ? ? ? ? ? border-radius: 50%;
? ? ? ? ? ? border: 1px solid rgb(219, 219, 219);
? ? ? ? ? ? margin-right: 5px;
? ? ? ? ? ? margin-top: 7px;
? ? ? ? ? }
? ? ? ? }
將input[type=radios ]? display:none;
然后利用 ：after 和：before 重新寫一個(gè)樣式即可己英。
注意 & 符?
