开发

pages/my/index.less

@@ -198,6 +198,7 @@
         position: absolute;
         margin-top: 40rpx;
         width: 100%;
+        height: 310rpx;
         white-space: nowrap;
 
         .payBox {
@@ -209,7 +210,6 @@
             text-align: center;
             display: inline-block;
             border-radius: 20rpx;
-            overflow: hidden;
 
             .pay {
                 position: absolute;
@@ -222,6 +222,17 @@
                 border-radius: 50rpx;
             }
         }
+        .payBox::after {
+            content: '';
+            position: absolute;
+            width: 268rpx;
+            height: 45rpx;
+            left: 0;
+            bottom: -42rpx;
+            background: linear-gradient(180deg, #2A2116 0%, rgba(255, 255, 255, 0) 100%);
+            border-radius: 22rpx 22rpx 0rpx 0rpx;
+            opacity: 0.26;
+        }
 
         .pbbg1 {
             background-image: url(http://reader-wx.ai160.com/images/reader/v3/12992x.png);
@@ -239,6 +250,7 @@
             }
         }
 
+   
         .pbbg3 {
             background-image: url(http://reader-wx.ai160.com/images/reader/v3/55152x.png);
 

pages/my/index.wxss

@@ -168,6 +168,7 @@
   position: absolute;
   margin-top: 40rpx;
   width: 100%;
+  height: 310rpx;
   white-space: nowrap;
 }
 .container .goodsList .payBox {
@@ -179,7 +180,6 @@
   text-align: center;
   display: inline-block;
   border-radius: 20rpx;
-  overflow: hidden;
 }
 .container .goodsList .payBox .pay {
   position: absolute;
@@ -191,6 +191,17 @@
   font-weight: bold;
   border-radius: 50rpx;
 }
+.container .goodsList .payBox::after {
+  content: '';
+  position: absolute;
+  width: 268rpx;
+  height: 45rpx;
+  left: 0;
+  bottom: -42rpx;
+  background: linear-gradient(180deg, #2A2116 0%, rgba(255, 255, 255, 0) 100%);
+  border-radius: 22rpx 22rpx 0rpx 0rpx;
+  opacity: 0.26;
+}
 .container .goodsList .pbbg1 {
   background-image: url(http://reader-wx.ai160.com/images/reader/v3/12992x.png);
 }