购好物，首页，其它频道导航，ICON不是指圆形，iconsCom组件添加no-radius="true"参数控制~

王强
1 parent 4b4896f8
Showing 4 changed files with 10 additions and 5 deletions
src/components/iconSwiperBox/iconSwiperBox.vue
src/components/iconsCom/iconsCom.less
src/components/iconsCom/iconsCom.vue
src/pages/optimization2/optimization2.vue
@@ -5,7 +5,8 @@
  
                 <!-- 单个图标 -->
                 <icons-com v-for="(item, i) in items" :key="i" @jump="jump(item)"
-                    :item="item">
+                    :item="item"
+                    :noRadius="noRadius">
                 </icons-com>
             </swipe-item>
         </swipe>
@@ -26,7 +27,7 @@
  
             }
         },
-        props: ["icons"],
+        props: ["icons", "noRadius"],
         components: {
             Swipe,
             SwipeItem,
@@ -7,6 +7,9 @@
         width: 100px;
         height: 100px;
         border-radius: 50%;
+        &.no-radius {
+            border-radius: unset;
+        }
     }
     .title {
         margin-top: 10px;
 <template>
 	<div class="icons-com" v-if="item && item.title" @click="jump(item)">
-		<img v-lazy="item.logo || item.simg" class="icons-img" />
+		<img v-lazy="item.logo || item.simg" class="icons-img" :class="{'no-radius': noRadius === 'true'}" />
         <div class="title">{{item.title}}</div>
 	</div>
 </template>
@@ -13,7 +13,7 @@
  
 			}
 		},
-		props: ["item"],
+		props: ["item", "noRadius"],
 		components: {
  
 		},
@@ -37,7 +37,8 @@
  
                 <!-- 轮播展示其它频道 -->
                 <icon-swiper-box @jump="toPage"
-                    :icons="swiperNavs">
+                    :icons="swiperNavs"
+                    no-radius="true">
                 </icon-swiper-box>
             </div>