工会商品列表页面，商品列表添加左上角角标“工会选品”

王强
1 parent caf060c9
Showing 4 changed files with 30 additions and 6 deletions
src/components/columnListBox/columnListBox.less
src/components/columnListBox/columnListBox.vue
src/components/goodsItem_7/goodsItem_7.vue
src/pages/labourUnion/labourUnion.vue
@@ -49,6 +49,18 @@
 			break-inside: avoid;
 			// border-radius: 30px;
 			overflow: hidden;
+			.discount-flag {
+				position: absolute;
+				top: 14px;
+				left: 14px;
+				z-index: 1;
+				background: linear-gradient(90deg, #F9EE7A 0%, #FAD844 100%);
+				padding: 3px 10px 6px 10px;
+				color: #945A08;
+				font-size: 22px;
+				font-weight: 400;
+				border-radius: 7px;
+			}
 		}
 	}
 }
 \ No newline at end of file
@@ -13,8 +13,12 @@
 					<goods-item-7 v-if="com == '7'" @jump="jump" @primary="primary"
 						:item="item"
 						:goodType="goodType"
-            :company="company"
-					>
+						:company="company">
+
+						<!-- 折扣角标 -->
+                        <div class="discount-flag" slot="flag" v-if="flag">
+                            {{flag}}
+                        </div>
 					</goods-item-7>
 				</div>
 			</div>
@@ -29,8 +33,12 @@
 					<goods-item-7 v-if="com == '7'" @jump="jump" @primary="primary"
 						:item="item"
 						:goodType="goodType"
-            :company="company"
-					>
+            			:company="company">
+
+						<!-- 折扣角标 -->
+                        <div class="discount-flag" slot="flag" v-if="flag">
+                            {{flag}}
+                        </div>
 					</goods-item-7>
 				</div>
 			</div>
@@ -49,7 +57,7 @@
  
 			};
 		},
-		props: ["lists", "com", "goodType", "company"],
+		props: ["lists", "com", "goodType", "company", "flag"],
 		components: {
 			goodsItem7
         },
@@ -13,6 +13,9 @@
                 <div v-if="goodType == 1" class="goods_tip">
                     积分+现金
                 </div>
+
+                <!-- 角标 -->
+                <slot name="flag"></slot>
 			</div>
 			<div class="content-box">
 				<div class="title">{{item.title}}</div>
@@ -76,7 +76,8 @@
                     <column-list-box class="column-list-box" @jump="toDetail" @primary="primary"
                         :lists="lists[tabs.active]"
                         com='7'
-                        goodType='2'>
+                        goodType='2'
+                        flag='工会选品'>
                     </column-list-box>
                 </div>
             </van-list>