modify: 圆

src/pages/consumptionDetails/consumptionDetails.wxss

@@ -73,7 +73,7 @@
 .semi-circle3{
   width: 15px;
   height: 30px; 
-  background-color:#eee;
+  box-shadow: 5px 0px 5px -2px#eee inset;
   border-radius:50px 0 0 50px; /* 左上、右上、右下、左下 */
   position: absolute;
   right: 0;
@@ -83,8 +83,8 @@
 .semi-circle4{
   width:15px;
   height: 30px; 
-  background-color:#eee;
-  border-radius:0 50px 50px 0; /* 左上、右上、右下、左下 */
+  box-shadow: -5px 0px 5px -2px#eee inset;
+  border-radius:0 50px 50px 0; 
   position: absolute;
   left: 0;
   bottom: 32%;