fix: 图集底部顶部有文字时，添加蒙层

@@ -156,6 +156,7 @@ export struct MultiPictureDetailPageComponent {
   @Builder
   rmh() {
     if (!this.showDownload) {
+      Row(){
         Row() {
           Row({ space: 8 }) {
             if (this.getImgUrl()) {
@@ -297,6 +298,16 @@ export struct MultiPictureDetailPageComponent {
           TransitionEffect.translate({ x: 0, y: `-${this.topSafeHeight + 12}px` })
         ))
       }
+      .width('100%')
+      .height(44 + px2vp(this.topSafeHeight))
+      .zIndex(10)
+      .linearGradient({
+        direction: GradientDirection.Top, // 渐变方向
+        colors: [['rgba(18, 18, 18, 0)', 0],
+          ['rgba(18, 18, 18, 1)', 1.0]] // 数组末尾元素占比小于1时满足重复着色效果
+      })
+      .opacity(0.5)
+    }
   }
 
   @Builder
@@ -437,6 +448,12 @@ export struct MultiPictureDetailPageComponent {
       .edgeEffect(EdgeEffect.None)
       .scrollBarWidth(0)
       .scrollBar(BarState.Off)
+      .linearGradient({
+        direction: GradientDirection.Bottom, // 渐变方向
+        colors: [['rgba(18, 18, 18, 0)', 0],
+          ['rgba(18, 18, 18, 1)', 1.0]] // 数组末尾元素占比小于1时满足重复着色效果
+      })
+      .opacity(0.5)
 
       OperRowListView({
         contentDetailData: this.contentDetailData,