Authored by 郭成尧

checkbox-color

@@ -2,7 +2,7 @@ @@ -2,7 +2,7 @@
2 <div class="product clearfix"> 2 <div class="product clearfix">
3 <div class="checkbox" v-if="product.is_limit_skn !== 'Y'"> 3 <div class="checkbox" v-if="product.is_limit_skn !== 'Y'">
4 <input type="checkbox" v-model="product.checked" :id="`checkbox-${product.goods_id}`"> 4 <input type="checkbox" v-model="product.checked" :id="`checkbox-${product.goods_id}`">
5 - <label :for="`checkbox-${product.goods_id}`"></label> 5 + <label :for="`checkbox-${product.goods_id}`" class="iconfont checkbox" :class="{'icon-radio': !product.checked, 'icon-cb-radio': product.checked}"></label>
6 </div> 6 </div>
7 <img class="image" :src="product.goods_image | resize(100, 130)"> 7 <img class="image" :src="product.goods_image | resize(100, 130)">
8 <div class="info"> 8 <div class="info">
@@ -69,10 +69,15 @@ @@ -69,10 +69,15 @@
69 69
70 .checkbox { 70 .checkbox {
71 float: left; 71 float: left;
72 - margin-top: 67px; 72 + margin-top: 32px;
73 73
74 - label:before {  
75 - border-radius: 100%; 74 + input {
  75 + display: none;
  76 + }
  77 +
  78 + .iconfont {
  79 + font-size: 32px;
  80 + color: #8ab277;
76 } 81 }
77 } 82 }
78 83