全文右对齐

@@ -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 {
+      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) {
     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()
             })
             })
+        }
+        // .position({ x: 0, y: 0 })
+        .padding({
+          left: 0,
+          right: 6,
+          top: 0,
+          bottom: 8
+        })
         if (this.isOverLines) {
         if (this.isOverLines) {
-            Span('...    全文')
+          Text() {
+            Span('全文')
               .fontColor('#888888')
               .fontColor('#888888')
               .fontWeight(400)
               .fontWeight(400)
               .fontFamily('PingFang SC-Regular')
               .fontFamily('PingFang SC-Regular')
@@ -251,37 +309,31 @@ 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({
           .padding({
-          left: 0, //6
+            left: 0,
             right: 6,
             right: 6,
-          top: 0, //4
-          bottom: 8
+            top: 0,
+            bottom: 6
           })
           })
-
         }
         }
-      // }
-      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)
+      .width('100%')
+    }
   }
   }
 
 
+  /**
+   * 标题
+   * */
   @Builder
   @Builder
   titleBuilder() {
   titleBuilder() {
+    // Stack({ alignContent: this.isTitleOverLines ? Alignment.BottomEnd : Alignment.Start }) {
+    Stack({ alignContent: Alignment.TopStart }) {
       Text() {
       Text() {
         Span(this.clipTitleText(this.getTitle(), 16, 4, this.windowWidth - 234 - vp2px(50)))
         Span(this.clipTitleText(this.getTitle(), 16, 4, this.windowWidth - 234 - vp2px(50)))
           .fontSize(16)
           .fontSize(16)
@@ -289,8 +341,27 @@ export struct PlayerTitleView {
           .lineHeight(22)
           .lineHeight(22)
           .fontWeight(600)
           .fontWeight(600)
           .fontFamily('PingFang SC-Regular')
           .fontFamily('PingFang SC-Regular')
+
+      }
+      // .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) {
         if (this.isTitleOverLines) {
-        Span('...    全文')
+          Span('全文')
             .fontColor(Color.White)
             .fontColor(Color.White)
             .fontWeight(600)
             .fontWeight(600)
             .fontFamily('PingFang SC-Regular')
             .fontFamily('PingFang SC-Regular')
@@ -311,15 +382,14 @@ export struct PlayerTitleView {
               this.isOpenDetail = true
               this.isOpenDetail = true
               this.dialogController?.open()
               this.dialogController?.open()
             })
             })
-
         }
         }
       }
       }
-    .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()
-    })
+      .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({
       .padding({
         left: 0, //6
         left: 0, //6
         right: 6,
         right: 6,
@@ -327,4 +397,6 @@ export struct PlayerTitleView {
         bottom: 8
         bottom: 8
       })
       })
     }
     }
+    .width('100%')
+  }
 }
 }