ghsPad与hdPad 列表的卡片项背景变更为白色及列表背景颜色变更为灰色

ghsPad/src/pages/home/components/leftArea.vue

@@ -306,15 +306,16 @@ export default {
         flex: 1;
         height: 0;
         border: 1px solid #eee;
+        background-color: #f3f6f4;
         & .show-item_box {
-            padding: 2upx;
+            padding: 3upx 4upx;
             position: relative;
             overflow: hidden;
             .delete-btn {
                 position: absolute;
-                top: 3upx;
-                right: 3upx;
-                bottom: 3upx;
+                top: 4upx;
+                right: 5upx;
+                bottom: 4upx;
                 width: 40upx;
                 display: flex;
                 align-items: center;
@@ -322,7 +323,7 @@ export default {
                 color: #FFFFFF;
                 font-size: 12upx;
                 background-color: #f56c6c;
-                border-radius: 2upx;
+                border-radius: 4upx;
             }
             & .item-body_box {
                 position: relative;
@@ -333,6 +334,7 @@ export default {
                 border-bottom: 3upx solid transparent;
                 transition: transform 0.2s;
                 z-index: 1;
+                box-shadow: 0 2upx 8upx rgba(0, 0, 0, 0.08);
                 &.is-swiped {
                     transform: translateX(-42upx);
                 }
@@ -340,10 +342,10 @@ export default {
                     border-bottom-color: #3385FF;
                 }
                 &.active {
-                    background-color: #d4d6d6;
+                    background-color: #ffffff;
                 }
                 &.not-active {
-                    background-color: #e7e9e9;
+                    background-color: #ffffff;
                 }
                 .item-price-num{
                     color:green;
@@ -398,4 +400,4 @@ export default {
         justify-content: space-around;
     }
 }
-</style>
+</style>

hdPad/src/pages/home/components/leftArea.vue

@@ -310,15 +310,16 @@ export default {
         flex: 1;
         height: 0;
         border: 1px solid #eee;
+        background-color: #f3f6f4;
         & .show-item_box {
-            padding: 2upx;
+            padding: 3upx 4upx;
             position: relative;
             overflow: hidden;
             .delete-btn {
                 position: absolute;
-                top: 3upx;
-                right: 3upx;
-                bottom: 3upx;
+                top: 4upx;
+                right: 5upx;
+                bottom: 4upx;
                 width: 40upx;
                 display: flex;
                 align-items: center;
@@ -326,7 +327,7 @@ export default {
                 color: #FFFFFF;
                 font-size: 12upx;
                 background-color: #f56c6c;
-                border-radius: 2upx;
+                border-radius: 4upx;
             }
             & .item-body_box {
                 position: relative;
@@ -337,6 +338,7 @@ export default {
                 border-bottom: 3upx solid transparent;
                 transition: transform 0.2s;
                 z-index: 1;
+                box-shadow: 0 2upx 8upx rgba(0, 0, 0, 0.08);
                 &.is-swiped {
                     transform: translateX(-42upx);
                 }
@@ -344,10 +346,10 @@ export default {
                     border-bottom-color: #8abf8a;
                 }
                 &.active {
-                    background-color: #d4d6d6;
+                    background-color: #ffffff;
                 }
                 &.not-active {
-                    background-color: #e7e9e9;
+                    background-color: #ffffff;
                 }
                 .item-price-num{
                     color:green;
@@ -402,4 +404,4 @@ export default {
         justify-content: space-around;
     }
 }
-</style>
+</style>