|
|
@@ -384,13 +384,13 @@ export default {
|
|
|
background: linear-gradient(135deg, #f9f9f9 0%, #f0f0f0 100%);
|
|
|
border: 2upx solid #e8e8e8;
|
|
|
border-radius: 4.25upx;
|
|
|
- padding: 4.25upx;
|
|
|
+ padding: 6.38upx 6upx;
|
|
|
width: 100%;
|
|
|
|
|
|
.qty-btn {
|
|
|
- margin: 0 2.66upx;
|
|
|
- width: 20.19upx;
|
|
|
- height: 20.19upx;
|
|
|
+ margin: 0 3upx;
|
|
|
+ width: 28upx;
|
|
|
+ height: 26upx;
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
justify-content: center;
|
|
|
@@ -399,16 +399,23 @@ export default {
|
|
|
border-radius: 3.19upx;
|
|
|
transition: all 0.2s;
|
|
|
font-weight: bold;
|
|
|
+ cursor: pointer;
|
|
|
+
|
|
|
+ &:active {
|
|
|
+ background-color: #f0f0f0;
|
|
|
+ border-color: #3385ff;
|
|
|
+ }
|
|
|
+
|
|
|
text {
|
|
|
- font-size: 8.5upx;
|
|
|
+ font-size: 10upx;
|
|
|
color: #666666;
|
|
|
font-weight: bold;
|
|
|
}
|
|
|
}
|
|
|
|
|
|
.qty-display {
|
|
|
- width: 26.56upx;
|
|
|
- height: 20.19upx;
|
|
|
+ width: 35.41upx;
|
|
|
+ height: 26.56upx;
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
justify-content: center;
|
|
|
@@ -417,7 +424,7 @@ export default {
|
|
|
width: 100%;
|
|
|
height: 100%;
|
|
|
text-align: center;
|
|
|
- font-size: 12upx;
|
|
|
+ font-size: 14upx;
|
|
|
font-weight: bold;
|
|
|
color: #333333;
|
|
|
border: none;
|
