Initial commit: 积分兑换电商平台多商户版 MER-2.2

Made-with: Cursor

mer_uniapp/pages/activity/static/css/activity.scss

@@ -0,0 +1,146 @@
+	
+	/**
+	 * 拼团、积分商品列表页样式
+	 */
+	.w-210{
+		width: 420rpx !important;
+	}
+	.activity-box{
+		padding-bottom: calc(0rpx+ constant(safe-area-inset-bottom)); ///兼容 IOS<11.2/
+		padding-bottom: calc(0rpx + env(safe-area-inset-bottom)); ///兼容 IOS>11.2/
+	}
+	.activity_header {
+		background-size: cover;
+		position: relative;
+		top: 0;
+		left: 0;
+		// z-index: 9;
+		width: 100%;
+		/* #ifdef H5 */
+		height: 460rpx;
+		/* #endif */
+		/* #ifndef H5*/
+		height: 540rpx;
+		/* #endif */
+	}
+	.list-box{
+		padding-bottom: calc(0rpx+ constant(safe-area-inset-bottom)); ///兼容 IOS<11.2/
+		padding-bottom: calc(0rpx + env(safe-area-inset-bottom)); ///兼容 IOS>11.2/
+		position: relative;
+		background-color: #f5f5f5;
+		border-radius: 40rpx;
+		padding: 20rpx 24rpx;
+		// z-index: 99;
+		/* #ifdef H5 */
+		top: -40rpx;
+		/* #endif */
+		/* #ifndef H5*/
+		top: -90rpx;
+		/* #endif */
+		height: 200rpx;
+		.list-item{
+			background-color: #fff;
+			border-radius: 12px 12px 12px 12px;
+			margin-bottom: 20rpx;
+		}
+	}
+	.group-bottom {
+	    width: 100%;
+	    padding: 20rpx;
+		
+	    .img {
+	        width: 240rpx;
+	        height: 240rpx;
+			image{
+				width: 100%;
+				height: 100%;
+				border-radius: 20rpx;
+			}
+	    }
+		
+	    .big-img.img {
+	        width: 100%;
+	        height: 324rpx;
+	    }
+		
+	    .three-img.img {
+	        width: 100%;
+	        height: 210rpx;
+	    }
+		
+	    .four-img {
+	        width: 240rpx;
+	        height: 240rpx;
+	    }
+		
+	    .group-bottom-right {
+	        width: 400rpx;
+		
+	        .right-top {
+	            .title {
+	                font-size: 28rpx;
+	                color: #333333;
+	            }
+		
+	            .pink {
+	                margin-top: 16rpx;
+	                font-size: 22rpx;
+		
+	                .people {
+						// background-color: #E93323;
+											@include main_bg_color(theme);
+	                    color: #fff;
+	                    padding: 4rpx 12rpx;
+	                    border-radius: 8rpx 0 0 8rpx;
+	                }
+		
+	                .groupNum {
+	                    // color: #E93323;
+											@include main_color(theme);
+	                    // background: rgba(211, 56, 42, 0.1);
+											@include coupons_light_color(theme);
+	                    padding: 4rpx 12rpx;
+	                    border-radius: 0 8rpx 8rpx 0;
+	                }
+	            }
+	        }
+		
+	        .right-bottom {
+		
+	            .price {
+		
+	                .pinkNum {
+		
+	                    .pinkNum-num {
+	                        font-weight: 600;
+	                        font-size: 36rpx;
+	                    }
+	                }
+		
+	                .num {
+	                    color: #999999;
+						font-weight: 400;
+						text-decoration-line: line-through;
+	                }
+	            }
+		
+	            .btnBox {
+	                margin-top: 28rpx;
+	                font-size: 22rpx;
+		
+	                .btn {
+	                    padding: 12rpx 20rpx;
+	                    border-radius: 50rpx;
+						background: linear-gradient( 90deg, #FF7931 0%, #E93323 100%);
+						border-radius: 25px 25px 25px 25px;
+						color: #fff;
+						font-size: 24rpx;
+	                }
+	            }
+				.pinkNum-title{
+					color: #E93323;
+					font-size: 22rpx;
+				}
+	        }
+	    }
+	}