Update index.html
Browse files- index.html +8 -3
index.html
CHANGED
|
@@ -143,6 +143,7 @@
|
|
| 143 |
margin-bottom: 20px;
|
| 144 |
flex: 1;
|
| 145 |
align-content: start;
|
|
|
|
| 146 |
}
|
| 147 |
|
| 148 |
.payment-item {
|
|
@@ -186,14 +187,18 @@
|
|
| 186 |
}
|
| 187 |
|
| 188 |
.payment-item .quantity {
|
| 189 |
-
|
|
|
|
|
|
|
|
|
|
| 190 |
background: #ff9a9e;
|
| 191 |
color: white;
|
| 192 |
padding: 1px 6px;
|
| 193 |
border-radius: 8px;
|
| 194 |
font-size: 11px;
|
| 195 |
-
margin-left: 4px;
|
| 196 |
font-weight: 600;
|
|
|
|
|
|
|
| 197 |
}
|
| 198 |
|
| 199 |
.note-section {
|
|
@@ -649,7 +654,7 @@
|
|
| 649 |
if (navigator.vibrate) {
|
| 650 |
navigator.vibrate(50);
|
| 651 |
}
|
| 652 |
-
},
|
| 653 |
});
|
| 654 |
|
| 655 |
item.addEventListener('touchend', function() {
|
|
|
|
| 143 |
margin-bottom: 20px;
|
| 144 |
flex: 1;
|
| 145 |
align-content: start;
|
| 146 |
+
grid-auto-rows: min-content;
|
| 147 |
}
|
| 148 |
|
| 149 |
.payment-item {
|
|
|
|
| 187 |
}
|
| 188 |
|
| 189 |
.payment-item .quantity {
|
| 190 |
+
position: absolute;
|
| 191 |
+
top: 50%;
|
| 192 |
+
right: 5px;
|
| 193 |
+
transform: translateY(-50%);
|
| 194 |
background: #ff9a9e;
|
| 195 |
color: white;
|
| 196 |
padding: 1px 6px;
|
| 197 |
border-radius: 8px;
|
| 198 |
font-size: 11px;
|
|
|
|
| 199 |
font-weight: 600;
|
| 200 |
+
min-width: 20px;
|
| 201 |
+
text-align: center;
|
| 202 |
}
|
| 203 |
|
| 204 |
.note-section {
|
|
|
|
| 654 |
if (navigator.vibrate) {
|
| 655 |
navigator.vibrate(50);
|
| 656 |
}
|
| 657 |
+
}, 2000); // 2000毫秒(2秒)长按
|
| 658 |
});
|
| 659 |
|
| 660 |
item.addEventListener('touchend', function() {
|