图标半像素问题

src/views/index.vue

@@ -72,7 +72,7 @@
             <li @click="coopDetails(item, 2)" v-if="item.directoryList.length" class="item tk">
               <img src="../images/course/icon-tk-1.png" alt="">
               <span>题库</span>
-              <img v-if="item.bindDirectoryCardStatus" class="buy" src="../images/course/icon-buy.png" alt="">
+              <img v-if="!item.bindDirectoryCardStatus" class="buy" src="../images/course/icon-buy.png" alt="">
             </li>
           </ul>
         </div>
@@ -500,7 +500,7 @@ export default {
             border: 1px solid #3B86FD;
             align-items: center;
             justify-content: center;
-            box-sizing: border-box;
+            box-sizing: content-box;
             & > img {
               width: 14px;
               height: 14px;
@@ -513,10 +513,10 @@ export default {
             .buy {
               position: absolute;
               top: 0;
-              right: 0.01rem;
+              right: -0.6px;
               z-index: 3;
               width: 34px;
-              height: 15px;
+              height: 16px;
             }
           }
           .item-pre {