|
|
@@ -26,33 +26,33 @@
|
|
|
padding: 28rpx 24rpx 16rpx;
|
|
|
|
|
|
>view {
|
|
|
- font-size: 32rpx;
|
|
|
- font-family: PingFangSC-Regular, PingFang SC;
|
|
|
- font-weight: 500;
|
|
|
- color: rgba(0, 0, 0, 0.4);
|
|
|
- padding: 0 34rpx;
|
|
|
+ font-size: 32rpx;
|
|
|
+ font-family: PingFangSC-Regular, PingFang SC;
|
|
|
+ font-weight: 500;
|
|
|
+ color: rgba(0, 0, 0, 0.4);
|
|
|
+ padding: 0 34rpx;
|
|
|
|
|
|
- &.active {
|
|
|
- font-size: 32rpx;
|
|
|
- font-family: PingFangSC-Semibold, PingFang SC;
|
|
|
- font-weight: 600;
|
|
|
- color: #131415;
|
|
|
- position: relative;
|
|
|
- z-index: 2;
|
|
|
-
|
|
|
- &::before {
|
|
|
- content: "";
|
|
|
- position: absolute;
|
|
|
- left: 50%;
|
|
|
- margin-left: -24rpx;
|
|
|
- bottom: -8rpx;
|
|
|
- z-index: -1;
|
|
|
- width: 48rpx;
|
|
|
- height: 8rpx;
|
|
|
- background: linear-gradient( 90deg, #FF3C3C 0%, rgba(255,118,155,0.5) 100%);
|
|
|
- border-radius: 72rpx 72rpx 0rpx 0rpx;
|
|
|
- }
|
|
|
+ &.active {
|
|
|
+ font-size: 32rpx;
|
|
|
+ font-family: PingFangSC-Semibold, PingFang SC;
|
|
|
+ font-weight: 600;
|
|
|
+ color: #131415;
|
|
|
+ position: relative;
|
|
|
+ z-index: 2;
|
|
|
+
|
|
|
+ &::before {
|
|
|
+ content: "";
|
|
|
+ position: absolute;
|
|
|
+ left: 50%;
|
|
|
+ margin-left: -24rpx;
|
|
|
+ bottom: -8rpx;
|
|
|
+ z-index: -1;
|
|
|
+ width: 48rpx;
|
|
|
+ height: 8rpx;
|
|
|
+ background: linear-gradient(90deg, #FF3C3C 0%, rgba(255, 118, 155, 0.5) 100%);
|
|
|
+ border-radius: 72rpx 72rpx 0rpx 0rpx;
|
|
|
}
|
|
|
+ }
|
|
|
}
|
|
|
}
|
|
|
|
|
|
@@ -78,12 +78,12 @@
|
|
|
font-size: 28rpx;
|
|
|
line-height: 48rpx;
|
|
|
padding-bottom: 24rpx;
|
|
|
-
|
|
|
+
|
|
|
.item-mid {
|
|
|
color: #131415;
|
|
|
}
|
|
|
|
|
|
- > text {
|
|
|
+ >text {
|
|
|
color: #777777;
|
|
|
}
|
|
|
|
|
|
@@ -94,10 +94,11 @@
|
|
|
|
|
|
.item-content {
|
|
|
display: flex;
|
|
|
+
|
|
|
&+.item-content {
|
|
|
padding-top: 40rpx;
|
|
|
}
|
|
|
-
|
|
|
+
|
|
|
|
|
|
.goods-icon {
|
|
|
width: 160rpx;
|
|
|
@@ -118,6 +119,7 @@
|
|
|
display: flex;
|
|
|
justify-content: space-between;
|
|
|
padding-top: 4rpx;
|
|
|
+
|
|
|
.goods-name {
|
|
|
flex: 1 auto;
|
|
|
white-space: nowrap;
|
|
|
@@ -129,7 +131,7 @@
|
|
|
text-overflow: ellipsis;
|
|
|
max-width: 280rpx;
|
|
|
}
|
|
|
-
|
|
|
+
|
|
|
.goods-price {
|
|
|
flex-shrink: 0;
|
|
|
font-family: DINAlternate, DINAlternate;
|
|
|
@@ -137,7 +139,8 @@
|
|
|
font-size: 28rpx;
|
|
|
color: #131415;
|
|
|
line-height: 48rpx;
|
|
|
- text {
|
|
|
+
|
|
|
+ text {
|
|
|
font-size: 32rpx;
|
|
|
padding-left: 4rpx;
|
|
|
}
|
|
|
@@ -149,6 +152,7 @@
|
|
|
justify-content: space-between;
|
|
|
align-items: center;
|
|
|
padding-top: 12rpx;
|
|
|
+
|
|
|
.goods-card {
|
|
|
background: #FEEDF0;
|
|
|
border-radius: 6rpx;
|
|
|
@@ -157,6 +161,7 @@
|
|
|
line-height: 40rpx;
|
|
|
padding: 0 12rpx;
|
|
|
}
|
|
|
+
|
|
|
.goods-num {
|
|
|
font-size: 26rpx;
|
|
|
color: #777777;
|
|
|
@@ -173,72 +178,54 @@
|
|
|
align-items: center;
|
|
|
|
|
|
.order-price {
|
|
|
- // font-weight: 600;
|
|
|
- // font-size: 28rpx;
|
|
|
- // color: #131415;
|
|
|
- // line-height: 48rpx;
|
|
|
-
|
|
|
- // .price-first {
|
|
|
- // font-weight: bold;
|
|
|
- // color: #FE2451;
|
|
|
- // font-size: 28rpx;
|
|
|
- // }
|
|
|
- // .price {
|
|
|
- // font-family: DINAlternate, DINAlternate;
|
|
|
- // font-weight: bold;
|
|
|
- // font-size: 36rpx;
|
|
|
- // color: #FE2451;
|
|
|
- // line-height: 48rpx;
|
|
|
- // }
|
|
|
-
|
|
|
- // display: flex;
|
|
|
- // align-items: flex-end;
|
|
|
-
|
|
|
- .desc {
|
|
|
- font-size: 24rpx;
|
|
|
- color: #999;
|
|
|
+ display: flex;
|
|
|
+ align-items: flex-end;
|
|
|
+
|
|
|
+ .desc {
|
|
|
+ font-size: 24rpx;
|
|
|
+ color: #999;
|
|
|
+ line-height: 40rpx;
|
|
|
+ flex-shrink: 0;
|
|
|
+ display: inline-block;
|
|
|
+ }
|
|
|
+
|
|
|
+ .currentPrice {
|
|
|
+ font-weight: bold;
|
|
|
+ color: #FE2451;
|
|
|
+ font-family: DINAlternate, DINAlternate;
|
|
|
+
|
|
|
+
|
|
|
+ .stuff {
|
|
|
+ font-size: 28rpx;
|
|
|
+ padding: 0rpx 4rpx 0;
|
|
|
line-height: 40rpx;
|
|
|
- flex-shrink: 0;
|
|
|
- display: inline-block;
|
|
|
- }
|
|
|
-
|
|
|
- .currentPrice {
|
|
|
- font-weight: bold;
|
|
|
- color: #FE2451;
|
|
|
- font-family: DINAlternate, DINAlternate;
|
|
|
- // display: flex;
|
|
|
- // align-items: flex-end;
|
|
|
- display: inline-block;
|
|
|
- padding-bottom: 2rpx;
|
|
|
-
|
|
|
- .stuff {
|
|
|
- font-size: 28rpx;
|
|
|
- padding: 0rpx 4rpx 0;
|
|
|
- }
|
|
|
-
|
|
|
- .priceZ {
|
|
|
- font-size: 40rpx;
|
|
|
- // line-height: 1;
|
|
|
- }
|
|
|
-
|
|
|
- .priceF {
|
|
|
- font-size: 32rpx;
|
|
|
- }
|
|
|
}
|
|
|
-
|
|
|
- .line {
|
|
|
- margin: 0 12rpx 0rpx;
|
|
|
- background-color: #D2D2D2;
|
|
|
- width: 2rpx;
|
|
|
- height: 20rpx;
|
|
|
- display: inline-block;
|
|
|
+
|
|
|
+ .priceZ {
|
|
|
+ font-size: 40rpx;
|
|
|
+ line-height: 40rpx;
|
|
|
}
|
|
|
-
|
|
|
- .discountPrice {
|
|
|
- padding-bottom: 2rpx;
|
|
|
- font-size: 24rpx;
|
|
|
- color: #FE2451;
|
|
|
+
|
|
|
+ .priceF {
|
|
|
+ font-size: 32rpx;
|
|
|
+ line-height: 40rpx;
|
|
|
}
|
|
|
+ }
|
|
|
+
|
|
|
+ .line {
|
|
|
+ margin: 10rpx 12rpx;
|
|
|
+ background-color: #D2D2D2;
|
|
|
+ width: 2rpx;
|
|
|
+ height: 20rpx;
|
|
|
+ display: inline-block;
|
|
|
+ }
|
|
|
+
|
|
|
+ .discountPrice {
|
|
|
+ padding-bottom: 2rpx;
|
|
|
+ font-size: 24rpx;
|
|
|
+ color: #FE2451;
|
|
|
+ line-height: 38rpx;
|
|
|
+ }
|
|
|
}
|
|
|
|
|
|
button {
|
|
|
@@ -253,6 +240,7 @@
|
|
|
padding: 14rpx 32rpx;
|
|
|
line-height: 40rpx;
|
|
|
}
|
|
|
+
|
|
|
.sure {
|
|
|
background: #FE2451;
|
|
|
border-color: #FE2451;
|