feat: 优化福利2

src/main/resources/views/platform/zhghh5/welfare/mine/list.html

@@ -174,7 +174,7 @@ layout("/layouts/platform_h5.html"){
         display: flex;
         min-width: 0;
         margin-top: 10px;
-        padding-top: 2px;
+        padding-top: 10px;
         align-items: center;
         border-top: 1px solid #edf1f6;
     }
@@ -194,18 +194,22 @@ layout("/layouts/platform_h5.html"){
     }
 
     .welfare-list-card__choices .welfare-inline-selection {
-        width: 82px;
-        min-width: 82px;
-        min-height: 112px;
-        padding: 8px 0;
+        flex: 0 0 clamp(82px, 31%, 112px);
+        min-width: 0;
+        padding: 0;
         flex-direction: column;
         align-items: stretch;
-        border-bottom: 0;
+        overflow: hidden;
+        border: 0;
+        border-radius: 8px;
+        background: #edf4fc;
     }
 
     .welfare-list-card__choices .welfare-inline-selection__image {
-        width: 82px;
-        height: 64px;
+        display: block;
+        width: 100%;
+        height: auto;
+        aspect-ratio: 4 / 3;
         margin-right: 0;
     }
 
@@ -223,19 +227,22 @@ layout("/layouts/platform_h5.html"){
     }
 
     .welfare-list-card__choices .welfare-inline-selection__image--name span {
-        display: -webkit-box;
+        min-width: 0;
         overflow: hidden;
         text-overflow: ellipsis;
-        -webkit-box-orient: vertical;
-        -webkit-line-clamp: 2;
+        white-space: nowrap;
     }
 
     .welfare-list-card__choices .welfare-inline-selection__content {
-        margin-top: 6px;
+        width: 100%;
+        padding: 3px 6px;
+        box-sizing: border-box;
+        text-align: center;
     }
 
     .welfare-list-card__choices .welfare-inline-selection__name {
         font-weight: 400;
+        line-height: 16px;
     }
 
     .welfare-list-card__choices .welfare-inline-selection__meta {
@@ -486,7 +493,7 @@ layout("/layouts/platform_h5.html"){
     .welfare-inline-selection__name {
         overflow: hidden;
         color: #263548;
-        font-size: 14px;
+        font-size: 12px;
         line-height: 21px;
         font-weight: 600;
         text-overflow: ellipsis;