多颜色显示问题

ghsPad/src/pages/home/components/rightItem.vue

@@ -7,6 +7,8 @@
             <view v-for="item in globalRightItemInfloList" :key="item.id" class="show-shop_box">
                 <view class="item-detail" @click="popAddModelFn(item)">
                     <image class="img" :src="item.cover" lazy-load="true" :lazy-load-margin="0" mode="scaleToFill" ></image>
+                    <!-- 多颜色类型标识 -->
+                    <view v-if="item.variety == 1" class="variety-badge"></view>
                     <view class="shop-info_price">
                         <view>
                             <view>{{item.name}}</view>
@@ -134,6 +136,18 @@ export default {
                 & .img {
                     width: 72upx;
                     height: 72upx;
+                    z-index: 1;
+                }
+                .variety-badge {
+                    position: absolute;
+                    top: 3upx;
+                    right: 3upx;
+                    width: 12upx;
+                    height: 12upx;
+                    background-color: #52c41a;
+                    border-radius: 50%;
+                    z-index: 20;
+                    box-shadow: 0 1upx 2upx rgba(0, 0, 0, 0.2);
                 }
                 .shop-info_price {
                     position: absolute;