更新

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

@@ -306,7 +306,7 @@ export default {
         flex: 1;
         height: 0;
         border: 1px solid #eee;
-        background-color: #f3f6f4;
+        background-color: #d7dad8;
         & .show-item_box {
             padding: 2upx 1upx;
             position: relative;

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

@@ -12,8 +12,10 @@
             <view v-for="(item, goodsIdx) in list.data" :key="goodsItemRowKey(item, goodsIdx)" class="show-shop_box">
                 <view class="item-detail" @click="popAddModelFn(item)">
                     <image class="img" :key="goodsItemRowKey(item, goodsIdx)" :src="item.smallCover" :lazy-load="false" mode="scaleToFill" ></image>
+                    <!-- 半透明底：老安卓同上，蒙层(dim)+内层文案 -->
                     <view class="shop-info_price">
-                        <view>
+                        <view class="shop-info_price_dim" />
+                        <view class="shop-info_price_inner">
                             <text class="goods-card-name" :key="'gn-' + goodsItemRowKey(item, goodsIdx)">{{ item.name }}</text>
                             <view class="goods-card-meta" >
                                 <text>￥{{parseFloat(item.price)}}</text>
@@ -233,30 +235,45 @@ export default {
                     }
                     .shop-info_price {
                         position: absolute;
-                        background-color: rgba(0, 0, 0, 0.6);
                         bottom: 0;
                         left: 0;
                         width: 100%;
-                        font-size: 12upx;
-                        color: #ffffff;
                         height: 22upx;
                         box-sizing: border-box;
                         z-index: 10;
-                        & > view {
-                            & > .goods-card-name {
-                                display: block;
-                                overflow: hidden;
-                                text-overflow: ellipsis;
-                                white-space: nowrap;
-                                width: 90%;
-                                font-size: 9upx;
-                            }
-                            & > .goods-card-meta {
-                                display: flex;
-                                justify-content: space-between;
-                                padding-right: 2upx;
-                                font-size: 7upx;
-                            }
+                        overflow: hidden;
+                    }
+                    .shop-info_price_dim {
+                        position: absolute;
+                        left: 0;
+                        top: 0;
+                        right: 0;
+                        bottom: 0;
+                        background-color: #000000;
+                        opacity: 0.6;
+                        z-index: 0;
+                        pointer-events: none;
+                    }
+                    .shop-info_price_inner {
+                        position: relative;
+                        z-index: 1;
+                        font-size: 12upx;
+                        color: #ffffff;
+                        height: 100%;
+                        box-sizing: border-box;
+                        & > .goods-card-name {
+                            display: block;
+                            overflow: hidden;
+                            text-overflow: ellipsis;
+                            white-space: nowrap;
+                            width: 90%;
+                            font-size: 9upx;
+                        }
+                        & > .goods-card-meta {
+                            display: flex;
+                            justify-content: space-between;
+                            padding-right: 2upx;
+                            font-size: 7upx;
                         }
                     }
                 }

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

@@ -42,8 +42,11 @@
                     <image class="img" :key="flowerItemRowKey(item, flowerIdx)" :src="item.cover" :lazy-load="false" mode="scaleToFill" ></image>
                     <!-- 多颜色类型标识 -->
                     <view v-if="item.variety == 1" class="variety-badge"></view>
+                    <!-- 半透明底：老安卓(WebView≈Chrome51)上对「含文字的绝对定位层直接用 rgba」在 Release 包里易合成失效变全透明；
+                         拆开为仅蒙层用的 view + opacity，文案在独立层级，既不依赖 buggy rgba，又避免整层 opacity 带文字的旧叠影问题 -->
                     <view class="shop-info_price">
-                        <view>
+                        <view class="shop-info_price_dim" />
+                        <view class="shop-info_price_inner">
                             <text class="flower-card-name" :key="'nm-' + flowerItemRowKey(item, flowerIdx)" @click.stop="quickAddItem(item)">{{ item.name }}</text>
                             <view class="flower-card-meta" @click.stop="quickAddItem(item)">
                                 <text>￥{{parseFloat(item.price)}}</text>
@@ -305,16 +308,32 @@ export default {
                 }
                 .shop-info_price {
                     position: absolute;
-                    background-color: rgba(0, 0, 0, 0.6);
                     bottom: 0;
                     left: 0;
                     width: 100%;
-                    font-size: 12upx;
-                    color: #ffffff;
                     height: 22upx;
                     box-sizing: border-box;
                     z-index: 10;
-                    & > view {
+                    overflow: hidden;
+                }
+                .shop-info_price_dim {
+                    position: absolute;
+                    left: 0;
+                    top: 0;
+                    right: 0;
+                    bottom: 0;
+                    background-color: #000000;
+                    opacity: 0.6;
+                    z-index: 0;
+                    pointer-events: none;
+                }
+                .shop-info_price_inner {
+                    position: relative;
+                    z-index: 1;
+                    font-size: 12upx;
+                    color: #ffffff;
+                    height: 100%;
+                    box-sizing: border-box;
                         & > .flower-card-name {
                             display: block;
                             overflow: hidden;
@@ -328,7 +347,6 @@ export default {
                             padding-right: 2upx;
                             font-size: 7upx;
                         }
-                    }
                 }
             }
         }

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

@@ -310,7 +310,7 @@ export default {
         flex: 1;
         height: 0;
         border: 1px solid #eee;
-        background-color: #f3f6f4;
+        background-color: #d7dad8;
         & .show-item_box {
             padding: 2upx 1upx;
             position: relative;

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

@@ -25,8 +25,10 @@
                             :lazy-load="false"
                             mode="scaleToFill"
                         />
+                        <!-- 半透明底：与 ghsPad 一致——见 rightItem.vue 同款说明 -->
                         <view class="shop-info_price">
-                            <view>
+                            <view class="shop-info_price_dim" />
+                            <view class="shop-info_price_inner">
                                 <text class="goods-card-name" :key="'gn-' + goodsItemRowKey(item, gridIdx)">{{ item.name }}</text>
                                 <view class="goods-card-meta">
                                     <text>￥{{ parseFloat(item.price) }}</text>
@@ -261,30 +263,45 @@ export default {
                     }
                     .shop-info_price {
                         position: absolute;
-                        background-color: rgba(0, 0, 0, 0.6);
                         bottom: 0;
                         left: 0;
                         width: 100%;
-                        font-size: 12upx;
-                        color: #ffffff;
                         height: 22upx;
                         box-sizing: border-box;
                         z-index: 10;
-                        & > view {
-                            & > .goods-card-name {
-                                display: block;
-                                overflow: hidden;
-                                text-overflow: ellipsis;
-                                white-space: nowrap;
-                                width: 90%;
-                                font-size: 9upx;
-                            }
-                            & > .goods-card-meta {
-                                display: flex;
-                                justify-content: space-between;
-                                padding-right: 2upx;
-                                font-size: 7upx;
-                            }
+                        overflow: hidden;
+                    }
+                    .shop-info_price_dim {
+                        position: absolute;
+                        left: 0;
+                        top: 0;
+                        right: 0;
+                        bottom: 0;
+                        background-color: #000000;
+                        opacity: 0.6;
+                        z-index: 0;
+                        pointer-events: none;
+                    }
+                    .shop-info_price_inner {
+                        position: relative;
+                        z-index: 1;
+                        font-size: 12upx;
+                        color: #ffffff;
+                        height: 100%;
+                        box-sizing: border-box;
+                        & > .goods-card-name {
+                            display: block;
+                            overflow: hidden;
+                            text-overflow: ellipsis;
+                            white-space: nowrap;
+                            width: 90%;
+                            font-size: 9upx;
+                        }
+                        & > .goods-card-meta {
+                            display: flex;
+                            justify-content: space-between;
+                            padding-right: 2upx;
+                            font-size: 7upx;
                         }
                     }
                 }

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

@@ -38,8 +38,10 @@
                         :lazy-load="false"
                         mode="scaleToFill"
                     />
+                    <!-- 半透明底：与 ghsPad 一致——老安卓 Release WebView 上整块 rgba 易失效；改用蒙层+内层文案 -->
                     <view class="shop-info_price">
-                        <view>
+                        <view class="shop-info_price_dim" />
+                        <view class="shop-info_price_inner">
                             <text
                                 class="flower-card-name"
                                 :key="'nm-' + flowerItemRowKey(item, gridIdx)"
@@ -272,17 +274,32 @@ export default {
                 }
                 .shop-info_price {
                     position: absolute;
-                    /* 避免父级 opacity 在老安卓 WebView 上与文字合成异常；用纯色透明底 */
-                    background-color: rgba(0, 0, 0, 0.6);
                     bottom: 0;
                     left: 0;
                     width: 100%;
-                    font-size: 12upx;
-                    color: #ffffff;
                     height: 22upx;
                     box-sizing: border-box;
                     z-index: 10;
-                    & > view {
+                    overflow: hidden;
+                }
+                .shop-info_price_dim {
+                    position: absolute;
+                    left: 0;
+                    top: 0;
+                    right: 0;
+                    bottom: 0;
+                    background-color: #000000;
+                    opacity: 0.6;
+                    z-index: 0;
+                    pointer-events: none;
+                }
+                .shop-info_price_inner {
+                    position: relative;
+                    z-index: 1;
+                    font-size: 12upx;
+                    color: #ffffff;
+                    height: 100%;
+                    box-sizing: border-box;
                         & > .flower-card-name {
                             display: block;
                             overflow: hidden;
@@ -296,7 +313,6 @@ export default {
                             padding-right: 2upx;
                             font-size: 7upx;
                         }
-                    }
                 }
             }
         }