全文右对齐

@@ -94,7 +94,8 @@ export struct PlayerTitleView {
       }
       }
       clipStr += strArr[i]
       clipStr += strArr[i]
     }
     }
-    console.log(TAG, 'clipStr:', clipStr)
+    clipStr += this.isOverLines ? '...' : '';
+    console.log(TAG, 'clipStr2:', clipStr)
     return clipStr
     return clipStr
   }
   }
 
 
@@ -130,7 +131,8 @@ export struct PlayerTitleView {
       }
       }
       clipStr += strArr[i]
       clipStr += strArr[i]
     }
     }
-    console.log(TAG, 'clipTitleText clipStr:', clipStr)
+    console.log(TAG, 'clipTitleText clipStr1:', clipStr)
+    clipStr += this.isTitleOverLines ? '...' : '';
     return clipStr
     return clipStr
   }
   }
 
 
@@ -217,7 +219,54 @@ export struct PlayerTitleView {
       //       })
       //       })
       //   }
       //   }
       // } else {
       // } else {
-      if (this.summary && this.titleLines < 4) {
+      this.detailDesc()
+      // }
+      Text(DateTimeUtils.formatDate(new Date(this.contentDetailData?.publishTime).getTime(),
+        DateTimeUtils.PATTERN_DATE_TIME_HYPHEN_MM))
+        .fontSize(12)
+        .fontColor(Color.White)
+        .opacity(0.7)
+        .lineHeight(16)
+        .fontWeight(400)
+        .fontFamily('PingFang SC-Regular')
+        .margin({ top: 8, bottom: 8 })
+
+    }
+    .width(this.windowWidth - 150 + 'px')
+    .padding({ left: 16, right: 22 })
+    .alignItems(HorizontalAlign.Start)
+    .visibility(this.isOpenDetail || this.isDragging ? Visibility.None : Visibility.Visible)
+  }
+
+  @Builder
+  detailDesc() {
+    /**
+     * 标题大于三行或存在简介显示查看详情按钮
+     */
+    // if (this.rmhPlatform == 1) {
+    //   if (this.titleHeight > 200 || this.summary) {
+    //     Text('查看详情 > ')
+    //       .padding({
+    //         left: 6,
+    //         right: 6,
+    //         top: 4,
+    //         bottom: 4
+    //       })
+    //       .borderRadius(2)
+    //       .backgroundColor('#99636363')
+    //       .fontFamily('PingFang SC-Regular')
+    //       .fontColor(Color.White)
+    //       .fontSize(12)
+    //       .lineHeight(14)
+    //       .fontWeight(400)
+    //       .onClick(() => {
+    //         this.isOpenDetail = true
+    //         this.dialogController?.open()
+    //       })
+    //   }
+    // } else {
+    if (this.summary && this.titleLines < 4) {
+      Stack({ alignContent: Alignment.TopStart }) {
         Text() {
         Text() {
           Span(this.clipText(this.summary, 14, this.summaryLines, this.windowWidth - 150 - vp2px(50)))
           Span(this.clipText(this.summary, 14, this.summaryLines, this.windowWidth - 150 - vp2px(50)))
             .fontSize(14)
             .fontSize(14)
@@ -229,8 +278,17 @@ export struct PlayerTitleView {
               this.isOpenDetail = true
               this.isOpenDetail = true
               this.dialogController?.open()
               this.dialogController?.open()
             })
             })
-          if (this.isOverLines) {
-            Span('...    全文')
+        }
+        // .position({ x: 0, y: 0 })
+        .padding({
+          left: 0,
+          right: 6,
+          top: 0,
+          bottom: 8
+        })
+        if (this.isOverLines) {
+          Text() {
+            Span('全文')
               .fontColor('#888888')
               .fontColor('#888888')
               .fontWeight(400)
               .fontWeight(400)
               .fontFamily('PingFang SC-Regular')
               .fontFamily('PingFang SC-Regular')
@@ -251,80 +309,94 @@ export struct PlayerTitleView {
                 this.isOpenDetail = true
                 this.isOpenDetail = true
                 this.dialogController?.open()
                 this.dialogController?.open()
               })
               })
-
           }
           }
+          .textAlign(TextAlign.Center)
+          // .width('100%')
+          .position({ x: '100%', y: this.summaryLines*23 }) //行高+margin
+          .translate({ x: '-100%', y: '-100%' })
+          // .markAnchor({ x: '100%', y: '100%' })
+          .padding({
+            left: 0,
+            right: 6,
+            top: 0,
+            bottom: 6
+          })
         }
         }
-        .padding({
-          left: 0, //6
-          right: 6,
-          top: 0, //4
-          bottom: 8
-        })
-
       }
       }
-      // }
-      Text(DateTimeUtils.formatDate(new Date(this.contentDetailData?.publishTime).getTime(),
-        DateTimeUtils.PATTERN_DATE_TIME_HYPHEN_MM))
-        .fontSize(12)
-        .fontColor(Color.White)
-        .opacity(0.7)
-        .lineHeight(16)
-        .fontWeight(400)
-        .fontFamily('PingFang SC-Regular')
-        .margin({ top: 8, bottom: 8 })
-
+      .width('100%')
     }
     }
-    .width(this.windowWidth - 150 + 'px')
-    .padding({ left: 16, right: 22 })
-    .alignItems(HorizontalAlign.Start)
-    .visibility(this.isOpenDetail || this.isDragging ? Visibility.None : Visibility.Visible)
   }
   }
 
 
+  /**
+   * 标题
+   * */
   @Builder
   @Builder
   titleBuilder() {
   titleBuilder() {
-    Text() {
-      Span(this.clipTitleText(this.getTitle(), 16, 4, this.windowWidth - 234 - vp2px(50)))
-        .fontSize(16)
-        .fontColor(Color.White)
-        .lineHeight(22)
-        .fontWeight(600)
-        .fontFamily('PingFang SC-Regular')
-      if (this.isTitleOverLines) {
-        Span('...    全文')
+    // Stack({ alignContent: this.isTitleOverLines ? Alignment.BottomEnd : Alignment.Start }) {
+    Stack({ alignContent: Alignment.TopStart }) {
+      Text() {
+        Span(this.clipTitleText(this.getTitle(), 16, 4, this.windowWidth - 234 - vp2px(50)))
+          .fontSize(16)
           .fontColor(Color.White)
           .fontColor(Color.White)
+          .lineHeight(22)
           .fontWeight(600)
           .fontWeight(600)
           .fontFamily('PingFang SC-Regular')
           .fontFamily('PingFang SC-Regular')
-          .fontSize(12)
-          .onClick(() => {
-            this.isOpenDetail = true
-            this.dialogController?.open()
-          })
-        ImageSpan($r('app.media.comment_unfold_svg'))
-          .width(14)
-          .height(14)
-          .objectFit(ImageFit.Fill)
-          .verticalAlign(ImageSpanAlignment.BOTTOM)
-          .margin({ bottom: 1 })// .padding({
-            //   bottom: 4
-            // })
-          .onClick(() => {
-            this.isOpenDetail = true
-            this.dialogController?.open()
-          })
 
 
       }
       }
+      // .position({ x: 0, y: 0 })
+      .onAreaChange((oldArea: Area, newArea: Area) => {
+        //console.info(`cj2024 titleLines = ${newArea.height as number} line = ${(newArea.height as number) / 20}`)
+        this.titleLines = Math.floor((newArea.height as number) / 22) // 22是行高
+        //console.info(`cj2024 titleLines = ${this.titleLines}`)
+        this.updateSummaryLines()
+      })
+      .maxLines(4)
+      .textOverflow({ overflow: TextOverflow.Ellipsis })
+      .padding({
+        left: 0, //6
+        right: 6,
+        top: 0, //4
+        bottom: 8
+      })
+
+      Text() {
+        if (this.isTitleOverLines) {
+          Span('全文')
+            .fontColor(Color.White)
+            .fontWeight(600)
+            .fontFamily('PingFang SC-Regular')
+            .fontSize(12)
+            .onClick(() => {
+              this.isOpenDetail = true
+              this.dialogController?.open()
+            })
+          ImageSpan($r('app.media.comment_unfold_svg'))
+            .width(14)
+            .height(14)
+            .objectFit(ImageFit.Fill)
+            .verticalAlign(ImageSpanAlignment.BOTTOM)
+            .margin({ bottom: 1 })// .padding({
+              //   bottom: 4
+              // })
+            .onClick(() => {
+              this.isOpenDetail = true
+              this.dialogController?.open()
+            })
+        }
+      }
+      .textAlign(TextAlign.Center)
+      // .width('100%')
+      .position({ x: '100%', y: this.titleLines*23 }) //行高+margin
+      .translate({ x: '-100%', y: '-100%' })
+      // .position({ x: '100%', y: '100%' })
+      // .markAnchor({ x: '100%', y: '100%' })
+      .padding({
+        left: 0, //6
+        right: 6,
+        top: 0, //4
+        bottom: 8
+      })
     }
     }
-    .onAreaChange((oldArea: Area, newArea: Area) => {
-      //console.info(`cj2024 titleLines = ${newArea.height as number} line = ${(newArea.height as number) / 20}`)
-      this.titleLines = Math.floor((newArea.height as number) / 22) // 22是行高
-      //console.info(`cj2024 titleLines = ${this.titleLines}`)
-      this.updateSummaryLines()
-    })
-    .padding({
-      left: 0, //6
-      right: 6,
-      top: 0, //4
-      bottom: 8
-    })
+    .width('100%')
   }
   }
 }
 }