Showing
1 changed file
with
32 additions
and
104 deletions
| @@ -94,8 +94,7 @@ export struct PlayerTitleView { | @@ -94,8 +94,7 @@ export struct PlayerTitleView { | ||
| 94 | } | 94 | } |
| 95 | clipStr += strArr[i] | 95 | clipStr += strArr[i] |
| 96 | } | 96 | } |
| 97 | - clipStr += this.isOverLines ? '...' : ''; | ||
| 98 | - console.log(TAG, 'clipStr2:', clipStr) | 97 | + console.log(TAG, 'clipStr:', clipStr) |
| 99 | return clipStr | 98 | return clipStr |
| 100 | } | 99 | } |
| 101 | 100 | ||
| @@ -131,8 +130,7 @@ export struct PlayerTitleView { | @@ -131,8 +130,7 @@ export struct PlayerTitleView { | ||
| 131 | } | 130 | } |
| 132 | clipStr += strArr[i] | 131 | clipStr += strArr[i] |
| 133 | } | 132 | } |
| 134 | - console.log(TAG, 'clipTitleText clipStr1:', clipStr) | ||
| 135 | - clipStr += this.isTitleOverLines ? '...' : ''; | 133 | + console.log(TAG, 'clipTitleText clipStr:', clipStr) |
| 136 | return clipStr | 134 | return clipStr |
| 137 | } | 135 | } |
| 138 | 136 | ||
| @@ -219,54 +217,7 @@ export struct PlayerTitleView { | @@ -219,54 +217,7 @@ export struct PlayerTitleView { | ||
| 219 | // }) | 217 | // }) |
| 220 | // } | 218 | // } |
| 221 | // } else { | 219 | // } else { |
| 222 | - this.detailDesc() | ||
| 223 | - // } | ||
| 224 | - Text(DateTimeUtils.formatDate(new Date(this.contentDetailData?.publishTime).getTime(), | ||
| 225 | - DateTimeUtils.PATTERN_DATE_TIME_HYPHEN_MM)) | ||
| 226 | - .fontSize(12) | ||
| 227 | - .fontColor(Color.White) | ||
| 228 | - .opacity(0.7) | ||
| 229 | - .lineHeight(16) | ||
| 230 | - .fontWeight(400) | ||
| 231 | - .fontFamily('PingFang SC-Regular') | ||
| 232 | - .margin({ top: 8, bottom: 8 }) | ||
| 233 | - | ||
| 234 | - } | ||
| 235 | - .width(this.windowWidth - 150 + 'px') | ||
| 236 | - .padding({ left: 16, right: 22 }) | ||
| 237 | - .alignItems(HorizontalAlign.Start) | ||
| 238 | - .visibility(this.isOpenDetail || this.isDragging ? Visibility.None : Visibility.Visible) | ||
| 239 | - } | ||
| 240 | - | ||
| 241 | - @Builder | ||
| 242 | - detailDesc() { | ||
| 243 | - /** | ||
| 244 | - * 标题大于三行或存在简介显示查看详情按钮 | ||
| 245 | - */ | ||
| 246 | - // if (this.rmhPlatform == 1) { | ||
| 247 | - // if (this.titleHeight > 200 || this.summary) { | ||
| 248 | - // Text('查看详情 > ') | ||
| 249 | - // .padding({ | ||
| 250 | - // left: 6, | ||
| 251 | - // right: 6, | ||
| 252 | - // top: 4, | ||
| 253 | - // bottom: 4 | ||
| 254 | - // }) | ||
| 255 | - // .borderRadius(2) | ||
| 256 | - // .backgroundColor('#99636363') | ||
| 257 | - // .fontFamily('PingFang SC-Regular') | ||
| 258 | - // .fontColor(Color.White) | ||
| 259 | - // .fontSize(12) | ||
| 260 | - // .lineHeight(14) | ||
| 261 | - // .fontWeight(400) | ||
| 262 | - // .onClick(() => { | ||
| 263 | - // this.isOpenDetail = true | ||
| 264 | - // this.dialogController?.open() | ||
| 265 | - // }) | ||
| 266 | - // } | ||
| 267 | - // } else { | ||
| 268 | if (this.summary && this.titleLines < 4) { | 220 | if (this.summary && this.titleLines < 4) { |
| 269 | - Stack({ alignContent: Alignment.TopStart }) { | ||
| 270 | Text() { | 221 | Text() { |
| 271 | Span(this.clipText(this.summary, 14, this.summaryLines, this.windowWidth - 150 - vp2px(50))) | 222 | Span(this.clipText(this.summary, 14, this.summaryLines, this.windowWidth - 150 - vp2px(50))) |
| 272 | .fontSize(14) | 223 | .fontSize(14) |
| @@ -278,17 +229,8 @@ export struct PlayerTitleView { | @@ -278,17 +229,8 @@ export struct PlayerTitleView { | ||
| 278 | this.isOpenDetail = true | 229 | this.isOpenDetail = true |
| 279 | this.dialogController?.open() | 230 | this.dialogController?.open() |
| 280 | }) | 231 | }) |
| 281 | - } | ||
| 282 | - // .position({ x: 0, y: 0 }) | ||
| 283 | - .padding({ | ||
| 284 | - left: 0, | ||
| 285 | - right: 6, | ||
| 286 | - top: 0, | ||
| 287 | - bottom: 8 | ||
| 288 | - }) | ||
| 289 | if (this.isOverLines) { | 232 | if (this.isOverLines) { |
| 290 | - Text() { | ||
| 291 | - Span('全文') | 233 | + Span('... 全文') |
| 292 | .fontColor('#99FFFFFF') | 234 | .fontColor('#99FFFFFF') |
| 293 | .fontWeight(400) | 235 | .fontWeight(400) |
| 294 | .fontFamily('PingFang SC-Regular') | 236 | .fontFamily('PingFang SC-Regular') |
| @@ -309,31 +251,37 @@ export struct PlayerTitleView { | @@ -309,31 +251,37 @@ export struct PlayerTitleView { | ||
| 309 | this.isOpenDetail = true | 251 | this.isOpenDetail = true |
| 310 | this.dialogController?.open() | 252 | this.dialogController?.open() |
| 311 | }) | 253 | }) |
| 254 | + | ||
| 255 | + } | ||
| 312 | } | 256 | } |
| 313 | - .textAlign(TextAlign.Center) | ||
| 314 | - // .width('100%') | ||
| 315 | - .position({ x: '100%', y: this.summaryLines*23 }) //行高+margin | ||
| 316 | - .translate({ x: '-100%', y: '-100%' }) | ||
| 317 | - // .markAnchor({ x: '100%', y: '100%' }) | ||
| 318 | .padding({ | 257 | .padding({ |
| 319 | - left: 0, | 258 | + left: 0, //6 |
| 320 | right: 6, | 259 | right: 6, |
| 321 | - top: 0, | ||
| 322 | - bottom: 6 | 260 | + top: 0, //4 |
| 261 | + bottom: 8 | ||
| 323 | }) | 262 | }) |
| 263 | + | ||
| 324 | } | 264 | } |
| 265 | + // } | ||
| 266 | + Text(DateTimeUtils.formatDate(new Date(this.contentDetailData?.publishTime).getTime(), | ||
| 267 | + DateTimeUtils.PATTERN_DATE_TIME_HYPHEN_MM)) | ||
| 268 | + .fontSize(12) | ||
| 269 | + .fontColor(Color.White) | ||
| 270 | + .opacity(0.7) | ||
| 271 | + .lineHeight(16) | ||
| 272 | + .fontWeight(400) | ||
| 273 | + .fontFamily('PingFang SC-Regular') | ||
| 274 | + .margin({ top: 8, bottom: 8 }) | ||
| 275 | + | ||
| 325 | } | 276 | } |
| 326 | - .width('100%') | ||
| 327 | - } | 277 | + .width(this.windowWidth - 150 + 'px') |
| 278 | + .padding({ left: 16, right: 22 }) | ||
| 279 | + .alignItems(HorizontalAlign.Start) | ||
| 280 | + .visibility(this.isOpenDetail || this.isDragging ? Visibility.None : Visibility.Visible) | ||
| 328 | } | 281 | } |
| 329 | 282 | ||
| 330 | - /** | ||
| 331 | - * 标题 | ||
| 332 | - * */ | ||
| 333 | @Builder | 283 | @Builder |
| 334 | titleBuilder() { | 284 | titleBuilder() { |
| 335 | - // Stack({ alignContent: this.isTitleOverLines ? Alignment.BottomEnd : Alignment.Start }) { | ||
| 336 | - Stack({ alignContent: Alignment.TopStart }) { | ||
| 337 | Text() { | 285 | Text() { |
| 338 | Span(this.clipTitleText(this.getTitle(), 16, 4, this.windowWidth - 234 - vp2px(50))) | 286 | Span(this.clipTitleText(this.getTitle(), 16, 4, this.windowWidth - 234 - vp2px(50))) |
| 339 | .fontSize(16) | 287 | .fontSize(16) |
| @@ -341,27 +289,8 @@ export struct PlayerTitleView { | @@ -341,27 +289,8 @@ export struct PlayerTitleView { | ||
| 341 | .lineHeight(22) | 289 | .lineHeight(22) |
| 342 | .fontWeight(600) | 290 | .fontWeight(600) |
| 343 | .fontFamily('PingFang SC-Regular') | 291 | .fontFamily('PingFang SC-Regular') |
| 344 | - | ||
| 345 | - } | ||
| 346 | - // .position({ x: 0, y: 0 }) | ||
| 347 | - .onAreaChange((oldArea: Area, newArea: Area) => { | ||
| 348 | - //console.info(`cj2024 titleLines = ${newArea.height as number} line = ${(newArea.height as number) / 20}`) | ||
| 349 | - this.titleLines = Math.floor((newArea.height as number) / 22) // 22是行高 | ||
| 350 | - //console.info(`cj2024 titleLines = ${this.titleLines}`) | ||
| 351 | - this.updateSummaryLines() | ||
| 352 | - }) | ||
| 353 | - .maxLines(4) | ||
| 354 | - .textOverflow({ overflow: TextOverflow.Ellipsis }) | ||
| 355 | - .padding({ | ||
| 356 | - left: 0, //6 | ||
| 357 | - right: 6, | ||
| 358 | - top: 0, //4 | ||
| 359 | - bottom: 8 | ||
| 360 | - }) | ||
| 361 | - | ||
| 362 | - Text() { | ||
| 363 | if (this.isTitleOverLines) { | 292 | if (this.isTitleOverLines) { |
| 364 | - Span('全文') | 293 | + Span('... 全文') |
| 365 | .fontColor('#99FFFFFF') | 294 | .fontColor('#99FFFFFF') |
| 366 | .fontWeight(600) | 295 | .fontWeight(600) |
| 367 | .fontFamily('PingFang SC-Regular') | 296 | .fontFamily('PingFang SC-Regular') |
| @@ -382,14 +311,15 @@ export struct PlayerTitleView { | @@ -382,14 +311,15 @@ export struct PlayerTitleView { | ||
| 382 | this.isOpenDetail = true | 311 | this.isOpenDetail = true |
| 383 | this.dialogController?.open() | 312 | this.dialogController?.open() |
| 384 | }) | 313 | }) |
| 314 | + | ||
| 385 | } | 315 | } |
| 386 | } | 316 | } |
| 387 | - .textAlign(TextAlign.Center) | ||
| 388 | - // .width('100%') | ||
| 389 | - .position({ x: '100%', y: this.titleLines*23 }) //行高+margin | ||
| 390 | - .translate({ x: '-100%', y: '-100%' }) | ||
| 391 | - // .position({ x: '100%', y: '100%' }) | ||
| 392 | - // .markAnchor({ x: '100%', y: '100%' }) | 317 | + .onAreaChange((oldArea: Area, newArea: Area) => { |
| 318 | + //console.info(`cj2024 titleLines = ${newArea.height as number} line = ${(newArea.height as number) / 20}`) | ||
| 319 | + this.titleLines = Math.floor((newArea.height as number) / 22) // 22是行高 | ||
| 320 | + //console.info(`cj2024 titleLines = ${this.titleLines}`) | ||
| 321 | + this.updateSummaryLines() | ||
| 322 | + }) | ||
| 393 | .padding({ | 323 | .padding({ |
| 394 | left: 0, //6 | 324 | left: 0, //6 |
| 395 | right: 6, | 325 | right: 6, |
| @@ -397,6 +327,4 @@ export struct PlayerTitleView { | @@ -397,6 +327,4 @@ export struct PlayerTitleView { | ||
| 397 | bottom: 8 | 327 | bottom: 8 |
| 398 | }) | 328 | }) |
| 399 | } | 329 | } |
| 400 | - .width('100%') | ||
| 401 | - } | ||
| 402 | } | 330 | } |
-
Please register or login to post a comment