第一次提交

unpackage/dist/dev/mp-weixin/pages/coupon/detail.wxss

@@ -0,0 +1,112 @@
+
+page {}
+.coupon_bg {
+	background: linear-gradient(0deg, #FFFDD7 0%, #FEE6DF 100%);
+}
+.titleBar {
+	position: fixed;
+	width: 100%;
+	top: 0;
+	z-index: 100;
+}
+.top_bg {
+	width: 750rpx;
+	position: absolute;
+	background: linear-gradient(41deg, #FFF4F1 13%, #FDFFF7 48%, #F6FFFB 75%, #FFF2EE 100%);
+	z-index: 99;
+	top: 0;
+}
+.top_box {
+	background: rgba(0, 0, 0, 0.05);
+	padding: 28rpx 30rpx 30rpx 30rpx;
+	border-radius: 20rpx;
+	margin-top: 10rpx;
+	margin-bottom: 5rpx;
+}
+.coupon-wrap {
+	padding: 30rpx;
+}
+.coupon-detail-top {}
+.item-wrap {
+	padding: 20rpx 0;
+}
+.coupon-item .btns button {
+	border: none;
+}
+.coupon-item .circles text {
+	display: block;
+	width: 10rpx;
+	height: 20rpx;
+	background: linear-gradient(0deg, #FFFDD7 0%, #FEE6DF 100%);
+	border-radius: 0 10rpx 10rpx 0
+}
+.coupon-item .info::before,
+.coupon-item .info::after {
+	background: linear-gradient(0deg, #FFFDD7 0%, #FEE6DF 100%);
+}
+.decorate {
+	width: 16rpx;
+	height: 16rpx;
+}
+.add_btn {
+	width: 181rpx;
+	height: 40rpx;
+	background: #F6220C;
+	border-radius: 20rpx;
+	font-size: 24rpx;
+	font-family: PingFang SC;
+	font-weight: 500;
+	color: #FFFFFF;
+	padding: 0;
+	border: none;
+	display: flex;
+	justify-content: center;
+	align-items: center;
+	margin-bottom: 22rpx;
+}
+.add_btn .icon-jia {
+	color: #FFFFff;
+	font-size: 18rpx;
+}
+.pro_list {
+	display: flex;
+	justify-content: space-between;
+	align-items: center;
+	flex-wrap: wrap;
+	padding: 0 30rpx;
+	padding-bottom: 80rpx;
+}
+.pro_item {
+	width: 335rpx;
+	border-radius: 12rpx;
+	overflow: hidden;
+	background-color: #FFFFFF;
+	margin-top: 20rpx;
+}
+.pro_item_image>image {
+	width: 335rpx;
+	height: 270rpx;
+}
+.head_top {
+	position: relative;
+	line-height: 30px;
+	color: #FFFFFF;
+	font-size: 32rpx;
+}
+.reg180 {
+	padding-right: 20rpx;
+	text-align: right;
+	-webkit-transform: rotateY(180deg);
+	        transform: rotateY(180deg);
+	position: absolute;
+	bottom: 0;
+	height: 100%;
+	display: flex;
+	align-items: center;
+	left: 0;
+}
+.icon-jiantou {
+	color: #333333;
+	font-size: 32rpx;
+}
+