price

.vscode/settings.json

@@ -1,3 +0,0 @@
-{
-    "java.configuration.updateBuildConfiguration": "interactive"
-}

src/main/webapp/ShoppingCart.html

@@ -25,6 +25,7 @@
                 <div id="exp">
                     <h3>GoodsA</h3>
                     <p>info & selected</p>
+                    <h4>20</h4>
                     <div id="count">
                         <div>-</div>
                         <input name="count" type="text">
@@ -51,6 +52,7 @@
                 <div id="exp">
                     <h3>GoodsB</h3>
                     <p>info & selected</p>
+                    <h4>20</h4>
                     <div id="count">
                         <div>-</div>
                         <input name="count" type="text">
@@ -66,6 +68,7 @@
                 <div id="exp">
                     <h3>GoodsC</h3>
                     <p>info & selected</p>
+                    <h4>20</h4>
                     <div id="count">
                         <div>-</div>
                         <input name="count" type="text">

src/main/webapp/css/CartCss.css

@@ -113,6 +113,20 @@ form>div.Store>div.goods>div#exp>*
     width: 100%;
     margin: 0;
 }
+form>div.Store>div.goods>div#exp>p{
+    color:gray;
+
+}
+form>div.Store>div.goods>div#exp>h4{
+    color:#E33333;
+    position: absolute;
+    bottom: 0;
+    left: 0;
+}
+form>div.Store>div.goods>div#exp>h4::after{
+    counter-reset: "$";
+    color: #E33333;
+}
 form>div.Store>div.goods>div#exp>div#count
 {
     position: absolute;