Showing
26 changed files
with
415 additions
and
265 deletions
| @@ -84,7 +84,7 @@ export class ContentDTO implements BaseDTO { | @@ -84,7 +84,7 @@ export class ContentDTO implements BaseDTO { | ||
| 84 | openType: string = ''; | 84 | openType: string = ''; |
| 85 | extra: string = '' | 85 | extra: string = '' |
| 86 | 86 | ||
| 87 | - static clone(old:ContentDTO): ContentDTO { | 87 | + static clone(old: ContentDTO): ContentDTO { |
| 88 | let content = new ContentDTO(); | 88 | let content = new ContentDTO(); |
| 89 | content.appStyle = old.appStyle; | 89 | content.appStyle = old.appStyle; |
| 90 | content.cityCode = old.cityCode; | 90 | content.cityCode = old.cityCode; |
| @@ -67,7 +67,7 @@ export { FirstTabTopSearchComponent } from "./src/main/ets/components/search/Fir | @@ -67,7 +67,7 @@ export { FirstTabTopSearchComponent } from "./src/main/ets/components/search/Fir | ||
| 67 | 67 | ||
| 68 | export { ListHasNoMoreDataUI } from "./src/main/ets/components/reusable/ListHasNoMoreDataUI" | 68 | export { ListHasNoMoreDataUI } from "./src/main/ets/components/reusable/ListHasNoMoreDataUI" |
| 69 | 69 | ||
| 70 | -export { LottieView } from './src/main/ets/lottie/LottieView' | 70 | +export { LottieView } from './src/main/ets/components/lottie/LottieView' |
| 71 | 71 | ||
| 72 | export { SpacialTopicPageComponent } from './src/main/ets/components/SpacialTopicPageComponent' | 72 | export { SpacialTopicPageComponent } from './src/main/ets/components/SpacialTopicPageComponent' |
| 73 | 73 |
| 1 | -import { CommonConstants, CompStyle } from 'wdConstant'; | ||
| 2 | -import { ContentDTO } from 'wdBean'; | 1 | +import { CompStyle } from 'wdConstant'; |
| 2 | +import { CompDTO, ContentDTO } from 'wdBean'; | ||
| 3 | import { Card2Component } from './cardview/Card2Component'; | 3 | import { Card2Component } from './cardview/Card2Component'; |
| 4 | import { Card3Component } from './cardview/Card3Component'; | 4 | import { Card3Component } from './cardview/Card3Component'; |
| 5 | import { Card4Component } from './cardview/Card4Component'; | 5 | import { Card4Component } from './cardview/Card4Component'; |
| @@ -24,13 +24,14 @@ import { Card21Component } from './cardview/Card21Component'; | @@ -24,13 +24,14 @@ import { Card21Component } from './cardview/Card21Component'; | ||
| 24 | @Component | 24 | @Component |
| 25 | export struct CardParser { | 25 | export struct CardParser { |
| 26 | @State contentDTO: ContentDTO = new ContentDTO(); | 26 | @State contentDTO: ContentDTO = new ContentDTO(); |
| 27 | + @State compDTO: CompDTO = {} as CompDTO | ||
| 27 | 28 | ||
| 28 | build() { | 29 | build() { |
| 29 | - this.contentBuilder(this.contentDTO); | 30 | + this.contentBuilder(this.contentDTO, this.compDTO); |
| 30 | } | 31 | } |
| 31 | 32 | ||
| 32 | @Builder | 33 | @Builder |
| 33 | - contentBuilder(contentDTO: ContentDTO) { | 34 | + contentBuilder(contentDTO: ContentDTO, compDTO: CompDTO) { |
| 34 | if (contentDTO.appStyle === CompStyle.Card_02) { | 35 | if (contentDTO.appStyle === CompStyle.Card_02) { |
| 35 | Card2Component({ contentDTO }) | 36 | Card2Component({ contentDTO }) |
| 36 | } else if (contentDTO.appStyle === CompStyle.Card_03) { | 37 | } else if (contentDTO.appStyle === CompStyle.Card_03) { |
| @@ -38,7 +39,7 @@ export struct CardParser { | @@ -38,7 +39,7 @@ export struct CardParser { | ||
| 38 | } else if (contentDTO.appStyle === CompStyle.Card_04) { | 39 | } else if (contentDTO.appStyle === CompStyle.Card_04) { |
| 39 | Card4Component({ contentDTO }) | 40 | Card4Component({ contentDTO }) |
| 40 | } else if (contentDTO.appStyle === CompStyle.Card_05) { | 41 | } else if (contentDTO.appStyle === CompStyle.Card_05) { |
| 41 | - Card5Component({ contentDTO }) | 42 | + Card5Component({ contentDTO, titleShowPolicy: compDTO.titleShowPolicy }) |
| 42 | } else if (contentDTO.appStyle === CompStyle.Card_06 || contentDTO.appStyle === CompStyle | 43 | } else if (contentDTO.appStyle === CompStyle.Card_06 || contentDTO.appStyle === CompStyle |
| 43 | .Card_13) { | 44 | .Card_13) { |
| 44 | Card6Component({ contentDTO }) | 45 | Card6Component({ contentDTO }) |
| @@ -64,8 +65,7 @@ export struct CardParser { | @@ -64,8 +65,7 @@ export struct CardParser { | ||
| 64 | Card20Component({ contentDTO }) | 65 | Card20Component({ contentDTO }) |
| 65 | } else if (contentDTO.appStyle === CompStyle.Card_21) { | 66 | } else if (contentDTO.appStyle === CompStyle.Card_21) { |
| 66 | Card21Component({ contentDTO }) | 67 | Card21Component({ contentDTO }) |
| 67 | - } | ||
| 68 | - else { | 68 | + } else { |
| 69 | // todo:组件未实现 / Component Not Implemented | 69 | // todo:组件未实现 / Component Not Implemented |
| 70 | // Text(contentDTO.appStyle) | 70 | // Text(contentDTO.appStyle) |
| 71 | // .width(CommonConstants.FULL_PARENT) | 71 | // .width(CommonConstants.FULL_PARENT) |
| @@ -32,12 +32,12 @@ import { LiveHorizontalCardComponent } from './view/LiveHorizontalCardComponent' | @@ -32,12 +32,12 @@ import { LiveHorizontalCardComponent } from './view/LiveHorizontalCardComponent' | ||
| 32 | @Component | 32 | @Component |
| 33 | export struct CompParser { | 33 | export struct CompParser { |
| 34 | @State compDTO: CompDTO = {} as CompDTO | 34 | @State compDTO: CompDTO = {} as CompDTO |
| 35 | - @State private pageModel: PageModel = new PageModel(); | ||
| 36 | @State compIndex: number = 0; | 35 | @State compIndex: number = 0; |
| 36 | + @State private pageModel: PageModel = new PageModel(); | ||
| 37 | 37 | ||
| 38 | build() { | 38 | build() { |
| 39 | Column() { | 39 | Column() { |
| 40 | - if (this.compDTO.name !="月度排行卡") { | 40 | + if (this.compDTO.name != "月度排行卡") { |
| 41 | 41 | ||
| 42 | this.componentBuilder(this.compDTO, this.compIndex); | 42 | this.componentBuilder(this.compDTO, this.compIndex); |
| 43 | } | 43 | } |
| @@ -53,7 +53,8 @@ export struct CompParser { | @@ -53,7 +53,8 @@ export struct CompParser { | ||
| 53 | } else if (compDTO.compStyle === CompStyle.Zh_Carousel_Layout_01) { | 53 | } else if (compDTO.compStyle === CompStyle.Zh_Carousel_Layout_01) { |
| 54 | ZhCarouselLayout01({ compDTO: compDTO }) | 54 | ZhCarouselLayout01({ compDTO: compDTO }) |
| 55 | Divider().strokeWidth(1).color('#f5f5f5').padding({ left: 16, right: 16 }) | 55 | Divider().strokeWidth(1).color('#f5f5f5').padding({ left: 16, right: 16 }) |
| 56 | - } else if (compDTO.compStyle === CompStyle.Zh_Single_Row_01 && compDTO.imageScale === 2) {// && compDTO.name ==="横划卡" | 56 | + } else if (compDTO.compStyle === CompStyle.Zh_Single_Row_01 && |
| 57 | + compDTO.imageScale === 2) { // && compDTO.name ==="横划卡" | ||
| 57 | 58 | ||
| 58 | LiveHorizontalCardComponent({ compDTO: compDTO }) | 59 | LiveHorizontalCardComponent({ compDTO: compDTO }) |
| 59 | Divider().strokeWidth(1).color('#f5f5f5').padding({ left: 16, right: 16 }) | 60 | Divider().strokeWidth(1).color('#f5f5f5').padding({ left: 16, right: 16 }) |
| @@ -87,7 +88,7 @@ export struct CompParser { | @@ -87,7 +88,7 @@ export struct CompParser { | ||
| 87 | Divider().strokeWidth(1).color('#f5f5f5').padding({ left: 16, right: 16 }) | 88 | Divider().strokeWidth(1).color('#f5f5f5').padding({ left: 16, right: 16 }) |
| 88 | } else if (compDTO.compStyle === CompStyle.Zh_Single_Column_02) { | 89 | } else if (compDTO.compStyle === CompStyle.Zh_Single_Column_02) { |
| 89 | //头图卡 和comStyle 2相同, | 90 | //头图卡 和comStyle 2相同, |
| 90 | - Card5Component({ contentDTO: compDTO.operDataList[0] }) | 91 | + Card5Component({ contentDTO: compDTO.operDataList[0], titleShowPolicy: compDTO.titleShowPolicy }) |
| 91 | Divider().strokeWidth(1).color('#f5f5f5').padding({ left: 16, right: 16 }) | 92 | Divider().strokeWidth(1).color('#f5f5f5').padding({ left: 16, right: 16 }) |
| 92 | } else if (compDTO.compStyle === CompStyle.Zh_Single_Column_03) { | 93 | } else if (compDTO.compStyle === CompStyle.Zh_Single_Column_03) { |
| 93 | // 大图卡 | 94 | // 大图卡 |
| @@ -107,10 +108,9 @@ export struct CompParser { | @@ -107,10 +108,9 @@ export struct CompParser { | ||
| 107 | //Text(`compIndex = ${compIndex}`).width('100%').fontSize('12fp').fontColor(Color.Red).padding({ left: 16, right: 16 }) | 108 | //Text(`compIndex = ${compIndex}`).width('100%').fontSize('12fp').fontColor(Color.Red).padding({ left: 16, right: 16 }) |
| 108 | Divider().strokeWidth(1).color('#f5f5f5').padding({ left: 16, right: 16 }) | 109 | Divider().strokeWidth(1).color('#f5f5f5').padding({ left: 16, right: 16 }) |
| 109 | } else if (!Number.isNaN(Number(compDTO.compStyle))) { | 110 | } else if (!Number.isNaN(Number(compDTO.compStyle))) { |
| 110 | - CardParser({ contentDTO: compDTO.operDataList[0] }); | 111 | + CardParser({ contentDTO: compDTO.operDataList[0], compDTO }); |
| 111 | Divider().strokeWidth(1).color('#f5f5f5').padding({ left: 16, right: 16 }) | 112 | Divider().strokeWidth(1).color('#f5f5f5').padding({ left: 16, right: 16 }) |
| 112 | - } | ||
| 113 | - else { | 113 | + } else { |
| 114 | Text(compDTO.compStyle) | 114 | Text(compDTO.compStyle) |
| 115 | .width(CommonConstants.FULL_PARENT) | 115 | .width(CommonConstants.FULL_PARENT) |
| 116 | .padding(10) | 116 | .padding(10) |
| @@ -48,8 +48,9 @@ export struct Card10Component { | @@ -48,8 +48,9 @@ export struct Card10Component { | ||
| 48 | .onClick((event: ClickEvent) => { | 48 | .onClick((event: ClickEvent) => { |
| 49 | ProcessUtils.processPage(this.contentDTO) | 49 | ProcessUtils.processPage(this.contentDTO) |
| 50 | }) | 50 | }) |
| 51 | - | 51 | + if (this.contentDTO.objectType == '5') { |
| 52 | Notes({ objectType: 5 }).margin({ left: 5, bottom: 5 }) | 52 | Notes({ objectType: 5 }).margin({ left: 5, bottom: 5 }) |
| 53 | + } | ||
| 53 | }.alignContent(Alignment.BottomStart) | 54 | }.alignContent(Alignment.BottomStart) |
| 54 | 55 | ||
| 55 | // 专题列表--后端返回三个, | 56 | // 专题列表--后端返回三个, |
| @@ -106,7 +107,7 @@ export struct Card10Component { | @@ -106,7 +107,7 @@ export struct Card10Component { | ||
| 106 | .fontColor($r('app.color.color_222222')) | 107 | .fontColor($r('app.color.color_222222')) |
| 107 | .maxLines(2) | 108 | .maxLines(2) |
| 108 | .textOverflow({ overflow: TextOverflow.Ellipsis }) | 109 | .textOverflow({ overflow: TextOverflow.Ellipsis }) |
| 109 | - .textIndent(item.objectType == '5' ? 40 : 0) | 110 | + .textIndent(item.objectType == '5' ? 38 : 0) |
| 110 | }.alignContent(Alignment.TopStart) | 111 | }.alignContent(Alignment.TopStart) |
| 111 | 112 | ||
| 112 | CardSourceInfo( | 113 | CardSourceInfo( |
| @@ -40,7 +40,7 @@ export struct Card2Component { | @@ -40,7 +40,7 @@ export struct Card2Component { | ||
| 40 | .maxLines(2) | 40 | .maxLines(2) |
| 41 | .textOverflow({ overflow: TextOverflow.Ellipsis })// 超出的部分显示省略号。 | 41 | .textOverflow({ overflow: TextOverflow.Ellipsis })// 超出的部分显示省略号。 |
| 42 | .align(Alignment.Start) | 42 | .align(Alignment.Start) |
| 43 | - .textIndent(this.contentDTO.objectType == '5' ? 40 : 0) | 43 | + .textIndent(this.contentDTO.objectType == '5' ? 35 : 0) |
| 44 | } | 44 | } |
| 45 | .alignContent(Alignment.TopStart) | 45 | .alignContent(Alignment.TopStart) |
| 46 | 46 |
| @@ -12,7 +12,7 @@ const TAG: string = 'Card5Component'; | @@ -12,7 +12,7 @@ const TAG: string = 'Card5Component'; | ||
| 12 | @Component | 12 | @Component |
| 13 | export struct Card5Component { | 13 | export struct Card5Component { |
| 14 | @State contentDTO: ContentDTO = new ContentDTO(); | 14 | @State contentDTO: ContentDTO = new ContentDTO(); |
| 15 | - @State titleShowPolicy: number | string = 1 | 15 | + @Prop titleShowPolicy: number | string |
| 16 | @State loadImg: boolean = false; | 16 | @State loadImg: boolean = false; |
| 17 | @State clicked: boolean = false; | 17 | @State clicked: boolean = false; |
| 18 | 18 | ||
| @@ -22,12 +22,13 @@ export struct Card5Component { | @@ -22,12 +22,13 @@ export struct Card5Component { | ||
| 22 | 22 | ||
| 23 | build() { | 23 | build() { |
| 24 | Stack() { | 24 | Stack() { |
| 25 | + | ||
| 25 | Image(this.loadImg ? this.contentDTO.coverUrl : '') | 26 | Image(this.loadImg ? this.contentDTO.coverUrl : '') |
| 26 | .backgroundColor(0xf5f5f5) | 27 | .backgroundColor(0xf5f5f5) |
| 27 | .width(CommonConstants.FULL_WIDTH) | 28 | .width(CommonConstants.FULL_WIDTH) |
| 28 | .autoResize(true) | 29 | .autoResize(true) |
| 29 | .borderRadius($r('app.float.image_border_radius')) | 30 | .borderRadius($r('app.float.image_border_radius')) |
| 30 | - // if ((this.titleShowPolicy === 1 || this.contentDTO.titleShow === 1) && this.contentDTO.newsTitle) { | 31 | + if (this.titleShowPolicy === 1) { |
| 31 | Row() | 32 | Row() |
| 32 | .width(CommonConstants.FULL_WIDTH) | 33 | .width(CommonConstants.FULL_WIDTH) |
| 33 | .height(59) | 34 | .height(59) |
| @@ -41,20 +42,21 @@ export struct Card5Component { | @@ -41,20 +42,21 @@ export struct Card5Component { | ||
| 41 | if (this.contentDTO.objectType == '5') { | 42 | if (this.contentDTO.objectType == '5') { |
| 42 | Notes({ objectType: this.contentDTO.objectType }) | 43 | Notes({ objectType: this.contentDTO.objectType }) |
| 43 | } | 44 | } |
| 45 | + | ||
| 44 | Text(this.contentDTO.newsTitle) | 46 | Text(this.contentDTO.newsTitle) |
| 45 | - .width(CommonConstants.FULL_WIDTH)// .height(CommonConstants.FULL_HEIGHT) | 47 | + .width(CommonConstants.FULL_WIDTH) |
| 46 | .fontColor(Color.White) | 48 | .fontColor(Color.White) |
| 47 | .fontSize($r('app.float.normal_text_size')) | 49 | .fontSize($r('app.float.normal_text_size')) |
| 48 | .fontWeight(FontWeight.Bold) | 50 | .fontWeight(FontWeight.Bold) |
| 49 | .maxLines(2) | 51 | .maxLines(2) |
| 50 | .align(Alignment.TopStart) | 52 | .align(Alignment.TopStart) |
| 51 | - .textIndent(this.contentDTO.objectType == '5' ? 40 : 0) | 53 | + .textIndent(this.contentDTO.objectType == '5' ? 35 : 0) |
| 52 | }.alignContent(Alignment.TopStart) | 54 | }.alignContent(Alignment.TopStart) |
| 53 | } | 55 | } |
| 54 | .justifyContent(FlexAlign.Start) | 56 | .justifyContent(FlexAlign.Start) |
| 55 | - // .height(40) | ||
| 56 | .margin({ left: 12, bottom: 10, right: 12 }) | 57 | .margin({ left: 12, bottom: 10, right: 12 }) |
| 57 | - // } | 58 | + |
| 59 | + } | ||
| 58 | } | 60 | } |
| 59 | .alignContent(Alignment.Bottom) | 61 | .alignContent(Alignment.Bottom) |
| 60 | .width(CommonConstants.FULL_WIDTH) | 62 | .width(CommonConstants.FULL_WIDTH) |
| @@ -49,7 +49,7 @@ export struct Card6Component { | @@ -49,7 +49,7 @@ export struct Card6Component { | ||
| 49 | .maxLines(3) | 49 | .maxLines(3) |
| 50 | .alignSelf(ItemAlign.Start) | 50 | .alignSelf(ItemAlign.Start) |
| 51 | .textOverflow({ overflow: TextOverflow.Ellipsis })// 超出的部分显示省略号。 | 51 | .textOverflow({ overflow: TextOverflow.Ellipsis })// 超出的部分显示省略号。 |
| 52 | - .textIndent(this.contentDTO.newTags?.length < 5 && this.contentDTO.newTags?.length > 2 ? 60 : | 52 | + .textIndent(this.contentDTO.newTags?.length < 5 && this.contentDTO.newTags?.length > 2 ? 58 : |
| 53 | (this.contentDTO.newTags?.length != 0 && this.contentDTO.newTags?.length) || | 53 | (this.contentDTO.newTags?.length != 0 && this.contentDTO.newTags?.length) || |
| 54 | this.contentDTO.objectType == '5' ? 30 : 0) | 54 | this.contentDTO.objectType == '5' ? 30 : 0) |
| 55 | }.alignContent(Alignment.TopStart) | 55 | }.alignContent(Alignment.TopStart) |
| @@ -43,8 +43,11 @@ export struct Card9Component { | @@ -43,8 +43,11 @@ export struct Card9Component { | ||
| 43 | topRight: $r('app.float.image_border_radius') | 43 | topRight: $r('app.float.image_border_radius') |
| 44 | }) | 44 | }) |
| 45 | 45 | ||
| 46 | + if (this.contentDTO.objectType == '5') { | ||
| 46 | Notes({ objectType: 5 }) | 47 | Notes({ objectType: 5 }) |
| 47 | .margin({ left: 5, bottom: 5 }) | 48 | .margin({ left: 5, bottom: 5 }) |
| 49 | + } | ||
| 50 | + | ||
| 48 | }.alignContent(Alignment.BottomStart) | 51 | }.alignContent(Alignment.BottomStart) |
| 49 | 52 | ||
| 50 | // 时间线--后端返回三个, | 53 | // 时间线--后端返回三个, |
| @@ -13,10 +13,10 @@ export struct Notes { | @@ -13,10 +13,10 @@ export struct Notes { | ||
| 13 | build() { | 13 | build() { |
| 14 | if (this.returnTypeTitleFn()) { | 14 | if (this.returnTypeTitleFn()) { |
| 15 | Text(this.returnTypeTitleFn()) | 15 | Text(this.returnTypeTitleFn()) |
| 16 | - .fontSize($r('app.float.font_size_12')) | 16 | + .fontSize($r('app.float.font_size_11')) |
| 17 | .padding({ | 17 | .padding({ |
| 18 | - left: 5, | ||
| 19 | - right: 5, | 18 | + left: 4, |
| 19 | + right: 4, | ||
| 20 | top: 3, | 20 | top: 3, |
| 21 | bottom: 3 | 21 | bottom: 3 |
| 22 | }) | 22 | }) |
| @@ -214,7 +214,7 @@ struct CarouselLayout01CardView { | @@ -214,7 +214,7 @@ struct CarouselLayout01CardView { | ||
| 214 | .align(Alignment.Bottom) | 214 | .align(Alignment.Bottom) |
| 215 | .maxLines(CompUtils.MAX_LINES_2) | 215 | .maxLines(CompUtils.MAX_LINES_2) |
| 216 | .textOverflow({ overflow: TextOverflow.Ellipsis }) | 216 | .textOverflow({ overflow: TextOverflow.Ellipsis }) |
| 217 | - .textIndent(this.item.objectType == '5' ? 40 : 0) | 217 | + .textIndent(this.item.objectType == '5' ? 35 : 0) |
| 218 | } | 218 | } |
| 219 | // .height(39) | 219 | // .height(39) |
| 220 | .padding({ | 220 | .padding({ |
| 1 | -import lottie, { AnimationSegment } from '@ohos/lottie'; | 1 | +import lottie, { AnimationItem, AnimationSegment } from '@ohos/lottie'; |
| 2 | 2 | ||
| 3 | @Component | 3 | @Component |
| 4 | export struct LottieView { | 4 | export struct LottieView { |
| 5 | - @Prop name: string = '' | ||
| 6 | - @Prop path: string = '' | ||
| 7 | - @Prop lottieWidth?: number = 30 | ||
| 8 | - @Prop lottieHeight?: number = 30 | ||
| 9 | - @Prop autoplay?: boolean = false | ||
| 10 | - @Prop loop?: boolean = false | 5 | + @Prop name: string |
| 6 | + @Prop path: string | ||
| 7 | + @Prop lottieWidth: number = 30 | ||
| 8 | + @Prop lottieHeight: number = 30 | ||
| 9 | + @Prop autoplay: boolean = false | ||
| 10 | + @Prop loop: boolean = false | ||
| 11 | @Prop initialSegment?: AnimationSegment = [0, 120] // 动画起始帧 | 11 | @Prop initialSegment?: AnimationSegment = [0, 120] // 动画起始帧 |
| 12 | - @Prop onReady: (animateItem: ESObject) => void // 动画初始化完成事件 | 12 | + @Prop onReady: (animateItem: AnimationItem | null) => void // 动画初始化完成事件 |
| 13 | @Prop onComplete?: () => void // 动画完成事件 | 13 | @Prop onComplete?: () => void // 动画完成事件 |
| 14 | - private politeChickyController: CanvasRenderingContext2D = new CanvasRenderingContext2D(); // CanvasRenderingContext2D对象 | ||
| 15 | - private animateItem: ESObject = null; // 初始化loadAnimation接口的返回对象 | 14 | + private politeChickyController: CanvasRenderingContext2D = |
| 15 | + new CanvasRenderingContext2D(); // CanvasRenderingContext2D对象 | ||
| 16 | + private animateItem: AnimationItem | null = null; // 初始化loadAnimation接口的返回对象 | ||
| 16 | 17 | ||
| 17 | // 页面隐藏销毁动画 | 18 | // 页面隐藏销毁动画 |
| 18 | onPageHide(): void { | 19 | onPageHide(): void { |
| 19 | - this.animateItem.destroy() | 20 | + this.animateItem?.destroy() |
| 20 | 21 | ||
| 21 | if (this.onComplete) { | 22 | if (this.onComplete) { |
| 22 | - this.animateItem.removeEventListener('complete', this.onComplete) | 23 | + this.animateItem?.removeEventListener('complete', this.onComplete) |
| 23 | } | 24 | } |
| 24 | } | 25 | } |
| 25 | 26 | ||
| @@ -44,7 +45,7 @@ export struct LottieView { | @@ -44,7 +45,7 @@ export struct LottieView { | ||
| 44 | // initialSegment: this.initialSegment | 45 | // initialSegment: this.initialSegment |
| 45 | }) | 46 | }) |
| 46 | if (this.initialSegment) { | 47 | if (this.initialSegment) { |
| 47 | - this.animateItem.initialSegment = this.initialSegment | 48 | + this.animateItem.segments = this.initialSegment |
| 48 | } | 49 | } |
| 49 | 50 | ||
| 50 | if (this.onComplete) { | 51 | if (this.onComplete) { |
| @@ -57,7 +58,7 @@ export struct LottieView { | @@ -57,7 +58,7 @@ export struct LottieView { | ||
| 57 | Stack({ alignContent: Alignment.TopStart }) { | 58 | Stack({ alignContent: Alignment.TopStart }) { |
| 58 | Canvas(this.politeChickyController) | 59 | Canvas(this.politeChickyController) |
| 59 | .width(this.lottieWidth) | 60 | .width(this.lottieWidth) |
| 60 | - .height(this.lottieHeight) | 61 | + .height(this.lottieHeight)// .backgroundColor(Color.Black) |
| 61 | .onReady(() => { | 62 | .onReady(() => { |
| 62 | this.loadAnimation(); | 63 | this.loadAnimation(); |
| 63 | if (this.onReady) { | 64 | if (this.onReady) { |
| @@ -65,7 +66,7 @@ export struct LottieView { | @@ -65,7 +66,7 @@ export struct LottieView { | ||
| 65 | } | 66 | } |
| 66 | }) | 67 | }) |
| 67 | .onClick(() => { | 68 | .onClick(() => { |
| 68 | - this.animateItem.play() | 69 | + this.animateItem?.play() |
| 69 | }) | 70 | }) |
| 70 | } | 71 | } |
| 71 | } | 72 | } |
| 1 | import { SpConstants } from 'wdConstant/Index' | 1 | import { SpConstants } from 'wdConstant/Index' |
| 2 | -import { DateTimeUtils, SPHelper, StringUtils, ToastUtils, UserDataLocal } from 'wdKit/Index' | 2 | +import { SPHelper, StringUtils, ToastUtils, UserDataLocal } from 'wdKit/Index' |
| 3 | import { HttpUtils } from 'wdNetwork/Index' | 3 | import { HttpUtils } from 'wdNetwork/Index' |
| 4 | import { WDRouterRule, WDRouterPage } from 'wdRouter/Index' | 4 | import { WDRouterRule, WDRouterPage } from 'wdRouter/Index' |
| 5 | import MinePageDatasModel from '../../../model/MinePageDatasModel' | 5 | import MinePageDatasModel from '../../../model/MinePageDatasModel' |
| @@ -116,9 +116,14 @@ export struct FollowChildComponent{ | @@ -116,9 +116,14 @@ export struct FollowChildComponent{ | ||
| 116 | }.height('202lpx') | 116 | }.height('202lpx') |
| 117 | .justifyContent(FlexAlign.Start) | 117 | .justifyContent(FlexAlign.Start) |
| 118 | 118 | ||
| 119 | - Text().backgroundColor($r('app.color.color_EDEDED')) | 119 | + // Text().backgroundColor($r('app.color.color_EDEDED')) |
| 120 | + // .width('100%') | ||
| 121 | + // .height('2lpx') | ||
| 122 | + Divider() | ||
| 120 | .width('100%') | 123 | .width('100%') |
| 121 | .height('2lpx') | 124 | .height('2lpx') |
| 125 | + .color($r('app.color.color_F5F5F5')) | ||
| 126 | + .strokeWidth('1lpx') | ||
| 122 | }.width('100%') | 127 | }.width('100%') |
| 123 | 128 | ||
| 124 | }else { | 129 | }else { |
| @@ -230,9 +235,15 @@ export struct FollowChildComponent{ | @@ -230,9 +235,15 @@ export struct FollowChildComponent{ | ||
| 230 | }.height('146lpx') | 235 | }.height('146lpx') |
| 231 | .justifyContent(FlexAlign.Center) | 236 | .justifyContent(FlexAlign.Center) |
| 232 | 237 | ||
| 233 | - Text().backgroundColor($r('app.color.color_EDEDED')) | 238 | + // Text().backgroundColor($r('app.color.color_EDEDED')) |
| 239 | + // .width('100%') | ||
| 240 | + // .height('2lpx') | ||
| 241 | + | ||
| 242 | + Divider() | ||
| 234 | .width('100%') | 243 | .width('100%') |
| 235 | .height('2lpx') | 244 | .height('2lpx') |
| 245 | + .color($r('app.color.color_F5F5F5')) | ||
| 246 | + .strokeWidth('1lpx') | ||
| 236 | }.width('100%') | 247 | }.width('100%') |
| 237 | 248 | ||
| 238 | } | 249 | } |
| @@ -255,12 +266,6 @@ export struct FollowChildComponent{ | @@ -255,12 +266,6 @@ export struct FollowChildComponent{ | ||
| 255 | this.data.status = this.data.status ==="0"?"1":"0" | 266 | this.data.status = this.data.status ==="0"?"1":"0" |
| 256 | 267 | ||
| 257 | UserDataLocal.setUserFollowOperation(this.data.creatorId+","+this.data.status) | 268 | UserDataLocal.setUserFollowOperation(this.data.creatorId+","+this.data.status) |
| 258 | - | ||
| 259 | - // if(this.data.status === "1"){ | ||
| 260 | - // UserDataLocal.setUserFollowOperation(DateTimeUtils.getTimeStamp()+"") | ||
| 261 | - // }else{ | ||
| 262 | - // UserDataLocal.setUserFollowOperation(DateTimeUtils.getTimeStamp()+","+this.data.creatorId) | ||
| 263 | - // } | ||
| 264 | } | 269 | } |
| 265 | } | 270 | } |
| 266 | }) | 271 | }) |
| 1 | -import { ContentDTO, | 1 | +import { |
| 2 | + ContentDTO, | ||
| 2 | contentListParams, | 3 | contentListParams, |
| 3 | - FullColumnImgUrlDTO, InteractDataDTO, | 4 | + FullColumnImgUrlDTO, |
| 5 | + InteractDataDTO, | ||
| 4 | Params, | 6 | Params, |
| 5 | - RmhInfoDTO, VideoInfoDTO } from 'wdBean/Index' | 7 | + RmhInfoDTO, |
| 8 | + VideoInfoDTO | ||
| 9 | +} from 'wdBean/Index' | ||
| 6 | import { LiveInfoDTO } from 'wdBean/src/main/ets/bean/detail/LiveInfoDTO' | 10 | import { LiveInfoDTO } from 'wdBean/src/main/ets/bean/detail/LiveInfoDTO' |
| 7 | import { VoiceInfoDTO } from 'wdBean/src/main/ets/bean/detail/VoiceInfoDTO' | 11 | import { VoiceInfoDTO } from 'wdBean/src/main/ets/bean/detail/VoiceInfoDTO' |
| 8 | -import { LazyDataSource, Logger, StringUtils, ToastUtils } from 'wdKit/Index' | 12 | +import { LazyDataSource, Logger, StringUtils, ToastUtils, UserDataLocal } from 'wdKit/Index' |
| 9 | import { WDRouterPage, WDRouterRule } from 'wdRouter/Index' | 13 | import { WDRouterPage, WDRouterRule } from 'wdRouter/Index' |
| 14 | +import MinePageDatasModel from '../../model/MinePageDatasModel' | ||
| 10 | import SearcherAboutDataModel from '../../model/SearcherAboutDataModel' | 15 | import SearcherAboutDataModel from '../../model/SearcherAboutDataModel' |
| 11 | import { CreatorDetailRequestItem } from '../../viewmodel/CreatorDetailRequestItem' | 16 | import { CreatorDetailRequestItem } from '../../viewmodel/CreatorDetailRequestItem' |
| 17 | +import { FollowListDetailItem } from '../../viewmodel/FollowListDetailItem' | ||
| 18 | +import { FollowListStatusRequestItem } from '../../viewmodel/FollowListStatusRequestItem' | ||
| 19 | +import { QueryListIsFollowedItem } from '../../viewmodel/QueryListIsFollowedItem' | ||
| 12 | import { SearchResultContentData } from '../../viewmodel/SearchResultContentData' | 20 | import { SearchResultContentData } from '../../viewmodel/SearchResultContentData' |
| 13 | import { SearchResultContentItem, SearchRmhDescription } from '../../viewmodel/SearchResultContentItem' | 21 | import { SearchResultContentItem, SearchRmhDescription } from '../../viewmodel/SearchResultContentItem' |
| 14 | import { CardParser } from '../CardParser' | 22 | import { CardParser } from '../CardParser' |
| 23 | +import { FollowChildComponent } from '../mine/follow/FollowChildComponent' | ||
| 15 | import { ListHasNoMoreDataUI } from '../reusable/ListHasNoMoreDataUI' | 24 | import { ListHasNoMoreDataUI } from '../reusable/ListHasNoMoreDataUI' |
| 16 | import { ActivityItemComponent } from './ActivityItemComponent' | 25 | import { ActivityItemComponent } from './ActivityItemComponent' |
| 17 | import { SearchCreatorComponent } from './SearchCreatorComponent' | 26 | import { SearchCreatorComponent } from './SearchCreatorComponent' |
| @@ -19,27 +28,28 @@ import { SearchCreatorComponent } from './SearchCreatorComponent' | @@ -19,27 +28,28 @@ import { SearchCreatorComponent } from './SearchCreatorComponent' | ||
| 19 | const TAG = "SearchResultContentComponent" | 28 | const TAG = "SearchResultContentComponent" |
| 20 | 29 | ||
| 21 | @Component | 30 | @Component |
| 22 | -export struct SearchResultContentComponent{ | ||
| 23 | - @State keywords:string = "" | ||
| 24 | - @State searchType:string = "" | 31 | +export struct SearchResultContentComponent { |
| 32 | + @State keywords: string = "" | ||
| 33 | + @State searchType: string = "" | ||
| 25 | @State data: LazyDataSource<ContentDTO> = new LazyDataSource(); | 34 | @State data: LazyDataSource<ContentDTO> = new LazyDataSource(); |
| 26 | @State data_rmh: SearchRmhDescription[] = [] | 35 | @State data_rmh: SearchRmhDescription[] = [] |
| 27 | - @State count:number = -1; | ||
| 28 | - @State isLoading:boolean = false | ||
| 29 | - @State hasMore:boolean = true | ||
| 30 | - curPageNum:number = 1; | ||
| 31 | - | 36 | + @State count: number = -1; |
| 37 | + @State isLoading: boolean = false | ||
| 38 | + @State hasMore: boolean = true | ||
| 39 | + curPageNum: number = 1; | ||
| 40 | + @State bean: FollowListDetailItem = new FollowListDetailItem("", "", "", "", "", "", "", "", "", -1, -1, "") | ||
| 41 | + scroller: Scroller = new Scroller() | ||
| 32 | 42 | ||
| 33 | aboutToAppear(): void { | 43 | aboutToAppear(): void { |
| 34 | - if(this.searchType == "全部"){ | 44 | + if (this.searchType == "全部") { |
| 35 | this.searchType = "all" | 45 | this.searchType = "all" |
| 36 | - }else if(this.searchType == "精选"){ | 46 | + } else if (this.searchType == "精选") { |
| 37 | this.searchType = "cms" | 47 | this.searchType = "cms" |
| 38 | - }else if(this.searchType == "人民号"){ | 48 | + } else if (this.searchType == "人民号") { |
| 39 | this.searchType = "rmh" | 49 | this.searchType = "rmh" |
| 40 | - }else if(this.searchType == "视频"){ | 50 | + } else if (this.searchType == "视频") { |
| 41 | this.searchType = "video" | 51 | this.searchType = "video" |
| 42 | - }else if(this.searchType == "活动"){ | 52 | + } else if (this.searchType == "活动") { |
| 43 | this.searchType = "activity" | 53 | this.searchType = "activity" |
| 44 | } | 54 | } |
| 45 | 55 | ||
| @@ -47,93 +57,135 @@ export struct SearchResultContentComponent{ | @@ -47,93 +57,135 @@ export struct SearchResultContentComponent{ | ||
| 47 | this.getNewSearchResultData() | 57 | this.getNewSearchResultData() |
| 48 | } | 58 | } |
| 49 | 59 | ||
| 50 | - getNewSearchResultData(){ | 60 | + getNewSearchResultData() { |
| 51 | this.isLoading = true | 61 | this.isLoading = true |
| 52 | - if(this.hasMore){ | ||
| 53 | - SearcherAboutDataModel.getSearchResultListData("10",`${this.curPageNum}`,this.searchType,this.keywords,getContext(this)).then((value)=>{ | ||
| 54 | - if (!this.data || value.list.length == 0){ | 62 | + if (this.hasMore) { |
| 63 | + SearcherAboutDataModel.getSearchResultListData("15", `${this.curPageNum}`, this.searchType, this.keywords, | ||
| 64 | + getContext(this)).then((value) => { | ||
| 65 | + if (!this.data || value.list.length == 0) { | ||
| 55 | this.hasMore = false | 66 | this.hasMore = false |
| 56 | this.isLoading = false | 67 | this.isLoading = false |
| 57 | - this.count = this.count===-1?0:this.count | ||
| 58 | - }else{ | ||
| 59 | - if(value.list[0].dataList!=null){ | 68 | + this.count = this.count === -1 ? 0 : this.count |
| 69 | + } else { | ||
| 70 | + if (value.list[0].dataList != null) { | ||
| 60 | let data_temp: SearchRmhDescription[] = [] | 71 | let data_temp: SearchRmhDescription[] = [] |
| 72 | + | ||
| 61 | data_temp = value.list[0].dataList | 73 | data_temp = value.list[0].dataList |
| 62 | 74 | ||
| 63 | //TODO 查询创作者详情接口 | 75 | //TODO 查询创作者详情接口 |
| 64 | let request = new CreatorDetailRequestItem() | 76 | let request = new CreatorDetailRequestItem() |
| 65 | 77 | ||
| 66 | - data_temp.forEach((data)=>{ | 78 | + data_temp.forEach((data) => { |
| 67 | request.creatorIdList.push(data.creatorId) | 79 | request.creatorIdList.push(data.creatorId) |
| 68 | }) | 80 | }) |
| 69 | 81 | ||
| 70 | - SearcherAboutDataModel.getCreatorDetailListData(request).then((value)=>{ | ||
| 71 | - if(value!=null && value.length>0){ | ||
| 72 | - data_temp.forEach((data)=>{ | ||
| 73 | - value.forEach((item)=>{ | ||
| 74 | - if(data.creatorId == item.creatorId){ | 82 | + SearcherAboutDataModel.getCreatorDetailListData(request).then((value) => { |
| 83 | + if (value != null && value.length > 0) { | ||
| 84 | + data_temp.forEach((data) => { | ||
| 85 | + value.forEach((item) => { | ||
| 86 | + if (data.creatorId == item.creatorId) { | ||
| 75 | data.headerPhotoUrl = item.headPhotoUrl.split("?")[0] | 87 | data.headerPhotoUrl = item.headPhotoUrl.split("?")[0] |
| 76 | - data.mainControl = item.mainControl+"" | 88 | + data.mainControl = item.mainControl + "" |
| 89 | + | ||
| 90 | + if(data_temp.length === 1){ | ||
| 91 | + this.bean.headPhotoUrl = item.headPhotoUrl.split("?")[0] | ||
| 92 | + this.bean.cnUserName = item.userName | ||
| 93 | + this.bean.creatorId = item.creatorId | ||
| 94 | + this.bean.authIcon = item.authIcon | ||
| 95 | + | ||
| 96 | + if (value[0].fansNum > 10000) { | ||
| 97 | + let temp = (value[0].fansNum / 10000) + "" | ||
| 98 | + let index = temp.indexOf('.') | ||
| 99 | + if (index != -1) { | ||
| 100 | + temp = temp.substring(0, index + 2) | ||
| 101 | + } else { | ||
| 102 | + temp = temp | ||
| 103 | + } | ||
| 104 | + this.bean.cnFansNum = temp + "万" | ||
| 105 | + } else { | ||
| 106 | + this.bean.cnFansNum = item.fansNum + "" | ||
| 107 | + } | ||
| 108 | + this.bean.introduction = item.introduction | ||
| 109 | + this.bean.mainControl = item.mainControl | ||
| 110 | + this.bean.banControl = item.banControl | ||
| 111 | + this.bean.cnUserType = item.userType | ||
| 112 | + this.bean.cnUserId = item.userId | ||
| 113 | + } | ||
| 77 | } | 114 | } |
| 78 | }) | 115 | }) |
| 79 | }) | 116 | }) |
| 80 | } | 117 | } |
| 81 | - data_temp.forEach((data)=>{ | 118 | + data_temp.forEach((data) => { |
| 82 | this.data_rmh.push(data) | 119 | this.data_rmh.push(data) |
| 83 | }) | 120 | }) |
| 84 | 121 | ||
| 85 | - }).catch((err:Error)=>{ | ||
| 86 | - console.log(TAG,JSON.stringify(err)) | 122 | + //只有一条创作者,获取 创作者信息 |
| 123 | + if (this.data_rmh.length === 1) { | ||
| 124 | + if(StringUtils.isNotEmpty(UserDataLocal.getUserId())){ | ||
| 125 | + //查询是否被关注 | ||
| 126 | + let status = new FollowListStatusRequestItem() | ||
| 127 | + status.creatorIds.push(new QueryListIsFollowedItem(this.data_rmh[0].creatorId)) | ||
| 128 | + MinePageDatasModel.getFollowListStatusData(status, getContext(this)).then((newValue) => { | ||
| 129 | + this.bean.status = newValue[0].status | ||
| 130 | + }).catch((err: Error) => { | ||
| 131 | + console.log(TAG, "请求失败") | ||
| 132 | + }) | ||
| 133 | + }else{ | ||
| 134 | + this.bean.status = "" | ||
| 135 | + } | ||
| 136 | + } | ||
| 137 | + }).catch((err: Error) => { | ||
| 138 | + console.log(TAG, JSON.stringify(err)) | ||
| 87 | }) | 139 | }) |
| 88 | } | 140 | } |
| 89 | this.getInteractData(value) | 141 | this.getInteractData(value) |
| 90 | } | 142 | } |
| 91 | - }).catch((err:Error)=>{ | ||
| 92 | - console.log(TAG,JSON.stringify(err)) | 143 | + }).catch((err: Error) => { |
| 144 | + console.log(TAG, JSON.stringify(err)) | ||
| 93 | this.isLoading = false | 145 | this.isLoading = false |
| 94 | - this.count = this.count===-1?0:this.count | 146 | + this.count = this.count === -1 ? 0 : this.count |
| 95 | }) | 147 | }) |
| 96 | } | 148 | } |
| 97 | } | 149 | } |
| 98 | 150 | ||
| 99 | - getInteractData(resultData:SearchResultContentData){ | ||
| 100 | - if(resultData.list[0].dataList!=null){ | ||
| 101 | - resultData.list.splice(0,1) | 151 | + getInteractData(resultData: SearchResultContentData) { |
| 152 | + if (resultData.list[0].dataList != null) { | ||
| 153 | + resultData.list.splice(0, 1) | ||
| 102 | } | 154 | } |
| 103 | 155 | ||
| 104 | - let data : contentListParams = { | 156 | + let data: contentListParams = { |
| 105 | contentList: [] | 157 | contentList: [] |
| 106 | } | 158 | } |
| 107 | - resultData.list.forEach((item)=>{ | 159 | + resultData.list.forEach((item) => { |
| 108 | data.contentList.push({ | 160 | data.contentList.push({ |
| 109 | contentId: item.data.id + '', | 161 | contentId: item.data.id + '', |
| 110 | contentType: Number.parseInt(item.data.type) | 162 | contentType: Number.parseInt(item.data.type) |
| 111 | }) | 163 | }) |
| 112 | }) | 164 | }) |
| 113 | 165 | ||
| 114 | - SearcherAboutDataModel.getInteractListData(data,getContext(this)).then((newValue)=>{ | ||
| 115 | - newValue.forEach((item)=>{ | ||
| 116 | - resultData.list.forEach((data)=>{ | 166 | + SearcherAboutDataModel.getInteractListData(data, getContext(this)).then((newValue) => { |
| 167 | + newValue.forEach((item) => { | ||
| 168 | + resultData.list.forEach((data) => { | ||
| 117 | if (item.contentId == data.data.id) { | 169 | if (item.contentId == data.data.id) { |
| 118 | - data.data.collectNum = item.collectNum+"" | ||
| 119 | - data.data.commentNum = item.commentNum+"" | ||
| 120 | - data.data.likeNum = item.likeNum+"" | ||
| 121 | - data.data.readNum = item.readNum+"" | ||
| 122 | - data.data.shareNum = item.shareNum+"" | 170 | + data.data.collectNum = item.collectNum + "" |
| 171 | + data.data.commentNum = item.commentNum + "" | ||
| 172 | + data.data.likeNum = item.likeNum + "" | ||
| 173 | + data.data.readNum = item.readNum + "" | ||
| 174 | + data.data.shareNum = item.shareNum + "" | ||
| 123 | } | 175 | } |
| 124 | }) | 176 | }) |
| 125 | }) | 177 | }) |
| 126 | 178 | ||
| 127 | - resultData.list.forEach((value)=>{ | ||
| 128 | - let photos:FullColumnImgUrlDTO[] = [] | ||
| 129 | - if(value.data.appStyle === 4){ | ||
| 130 | - value.data.appStyleImages.split("&&").forEach((value)=>{ | ||
| 131 | - photos.push({url:value} as FullColumnImgUrlDTO) | 179 | + resultData.list.forEach((value) => { |
| 180 | + let photos: FullColumnImgUrlDTO[] = [] | ||
| 181 | + if (value.data.appStyle === 4) { | ||
| 182 | + value.data.appStyleImages.split("&&").forEach((value) => { | ||
| 183 | + photos.push({ url: value } as FullColumnImgUrlDTO) | ||
| 132 | }) | 184 | }) |
| 133 | } | 185 | } |
| 134 | 186 | ||
| 135 | - let contentDTO = this.dataTransform(value,photos); | ||
| 136 | - if(contentDTO.appStyle != "13"){ | 187 | + let contentDTO = this.dataTransform(value, photos); |
| 188 | + if (contentDTO.appStyle != "13") { | ||
| 137 | this.data.push(contentDTO) | 189 | this.data.push(contentDTO) |
| 138 | } | 190 | } |
| 139 | 191 | ||
| @@ -142,74 +194,128 @@ export struct SearchResultContentComponent{ | @@ -142,74 +194,128 @@ export struct SearchResultContentComponent{ | ||
| 142 | this.count = this.data.totalCount() | 194 | this.count = this.data.totalCount() |
| 143 | if (this.data.totalCount() < resultData.totalCount) { | 195 | if (this.data.totalCount() < resultData.totalCount) { |
| 144 | this.curPageNum++ | 196 | this.curPageNum++ |
| 145 | - }else { | 197 | + } else { |
| 146 | this.hasMore = false | 198 | this.hasMore = false |
| 147 | } | 199 | } |
| 148 | this.isLoading = false | 200 | this.isLoading = false |
| 149 | 201 | ||
| 150 | - if(this.count === 0 && resultData.list.length > 0){ | 202 | + if (this.count === 0 && resultData.list.length > 0) { |
| 151 | this.count = -1 | 203 | this.count = -1 |
| 152 | - if(!this.isLoading){ | 204 | + if (!this.isLoading) { |
| 153 | //加载分页数据 | 205 | //加载分页数据 |
| 154 | this.getNewSearchResultData() | 206 | this.getNewSearchResultData() |
| 155 | } | 207 | } |
| 156 | - }else if(this.count <= 20 && resultData.list.length > 0){ | ||
| 157 | - if(!this.isLoading){ | 208 | + } else if (this.count <= 10 && resultData.list.length > 0) { |
| 209 | + if (!this.isLoading) { | ||
| 158 | //加载分页数据 | 210 | //加载分页数据 |
| 159 | this.getNewSearchResultData() | 211 | this.getNewSearchResultData() |
| 160 | } | 212 | } |
| 161 | } | 213 | } |
| 162 | - }).catch((err:Error)=>{ | ||
| 163 | - console.log(TAG,"请求失败") | 214 | + }).catch((err: Error) => { |
| 215 | + console.log(TAG, "请求失败") | ||
| 164 | this.isLoading = false | 216 | this.isLoading = false |
| 165 | - this.count = this.count===-1?0:this.count | 217 | + this.count = this.count === -1 ? 0 : this.count |
| 166 | }) | 218 | }) |
| 167 | } | 219 | } |
| 168 | 220 | ||
| 169 | build() { | 221 | build() { |
| 170 | Column() { | 222 | Column() { |
| 171 | - if(this.count == 0){ | ||
| 172 | - ListHasNoMoreDataUI({style:2}) | 223 | + if (this.count == 0) { |
| 224 | + ListHasNoMoreDataUI({ style: 2 }) | ||
| 225 | + } else { | ||
| 226 | + List() { | ||
| 227 | + if (this.data_rmh != null && this.data_rmh.length > 0){ | ||
| 228 | + if (this.data_rmh.length === 1){ | ||
| 229 | + ListItem(){ | ||
| 230 | + FollowChildComponent({ data: this.bean, type: 1 }) | ||
| 231 | + }.padding({left:"31lpx",right:"31lpx"}) | ||
| 173 | }else{ | 232 | }else{ |
| 233 | + ListItem(){ | ||
| 174 | Column(){ | 234 | Column(){ |
| 175 | - if (this.data_rmh!=null && this.data_rmh.length > 0) { | ||
| 176 | - //List | ||
| 177 | - List({space:'8lpx'}) { | ||
| 178 | - ForEach(this.data_rmh, (item: SearchRmhDescription, index: number) => { | 235 | + this.SearchListUI() |
| 236 | + } | ||
| 237 | + } | ||
| 238 | + } | ||
| 239 | + } | ||
| 240 | + LazyForEach(this.data, (item: ContentDTO, index: number) => { | ||
| 179 | ListItem() { | 241 | ListItem() { |
| 180 | - SearchCreatorComponent({item:item}) | ||
| 181 | - }.onClick(()=>{ | ||
| 182 | - //TODO 跳转 | 242 | + Column() { |
| 243 | + if (this.searchType == "activity") { | ||
| 244 | + ActivityItemComponent({ contentDTO: item }) | ||
| 245 | + } else { | ||
| 246 | + CardParser({ contentDTO: item }) | ||
| 247 | + } | ||
| 248 | + if (index != this.data.totalCount() - 1) { | ||
| 249 | + Divider() | ||
| 250 | + .width('100%') | ||
| 251 | + .height('1lpx') | ||
| 252 | + .color($r('app.color.color_F5F5F5')) | ||
| 253 | + .strokeWidth('1lpx') | ||
| 254 | + } | ||
| 255 | + } | ||
| 256 | + } | ||
| 257 | + }, (item: ContentDTO, index: number) => index.toString()) | ||
| 258 | + | ||
| 259 | + //没有更多数据 显示提示 | ||
| 260 | + if (!this.hasMore && this.data.totalCount() > 0) { | ||
| 261 | + ListItem() { | ||
| 262 | + ListHasNoMoreDataUI() | ||
| 263 | + } | ||
| 264 | + } | ||
| 265 | + }.cachedCount(10) | ||
| 266 | + .edgeEffect(EdgeEffect.None) | ||
| 267 | + .scrollBar(BarState.Off) | ||
| 268 | + .onReachEnd(() => { | ||
| 269 | + console.log(TAG, "触底了"); | ||
| 270 | + if (!this.isLoading) { | ||
| 271 | + //加载分页数据 | ||
| 272 | + this.getNewSearchResultData() | ||
| 273 | + } | ||
| 183 | }) | 274 | }) |
| 275 | + } | ||
| 276 | + } | ||
| 277 | + .backgroundColor($r('app.color.white')) | ||
| 278 | + .width('100%') | ||
| 279 | + } | ||
| 280 | + | ||
| 281 | + @Builder | ||
| 282 | + multiCreatorUI() { | ||
| 283 | + Column() { | ||
| 284 | + List() { | ||
| 285 | + ForEach(this.data_rmh, (item: SearchRmhDescription, index: number) => { | ||
| 286 | + ListItem() { | ||
| 287 | + SearchCreatorComponent({ item: item }) | ||
| 288 | + } | ||
| 184 | .width('150lpx') | 289 | .width('150lpx') |
| 185 | .height('100%') | 290 | .height('100%') |
| 186 | }) | 291 | }) |
| 187 | 292 | ||
| 188 | - ListItem(){ | ||
| 189 | - Column(){ | 293 | + ListItem() { |
| 294 | + Column() { | ||
| 190 | Text("查看更多") | 295 | Text("查看更多") |
| 191 | .width('19lpx') | 296 | .width('19lpx') |
| 192 | .fontSize('19lpx') | 297 | .fontSize('19lpx') |
| 193 | .fontWeight('400lpx') | 298 | .fontWeight('400lpx') |
| 194 | .lineHeight('27lpx') | 299 | .lineHeight('27lpx') |
| 195 | .fontColor($r('app.color.color_9E9E9E')) | 300 | .fontColor($r('app.color.color_9E9E9E')) |
| 196 | - }.borderRadius({topLeft:'4lpx',bottomLeft:'4lpx'}) | 301 | + } |
| 302 | + .borderRadius({ topLeft: '4lpx', bottomLeft: '4lpx' }) | ||
| 197 | .height('180lpx') | 303 | .height('180lpx') |
| 198 | .width('77lpx') | 304 | .width('77lpx') |
| 199 | .backgroundColor($r('app.color.color_EDEDED')) | 305 | .backgroundColor($r('app.color.color_EDEDED')) |
| 200 | .justifyContent(FlexAlign.Center) | 306 | .justifyContent(FlexAlign.Center) |
| 201 | 307 | ||
| 202 | }.height('100%') | 308 | }.height('100%') |
| 203 | - .margin({left:'23lpx'}) | ||
| 204 | - .onClick(()=>{ | 309 | + .margin({ left: '23lpx' }) |
| 310 | + .onClick(() => { | ||
| 205 | let params: Params = { | 311 | let params: Params = { |
| 206 | pageID: this.keywords | 312 | pageID: this.keywords |
| 207 | } | 313 | } |
| 208 | - WDRouterRule.jumpWithPage(WDRouterPage.searchCreatorPage,params) | 314 | + WDRouterRule.jumpWithPage(WDRouterPage.searchCreatorPage, params) |
| 209 | }) | 315 | }) |
| 210 | } | 316 | } |
| 211 | .cachedCount(6) | 317 | .cachedCount(6) |
| 212 | - .edgeEffect(EdgeEffect.Spring) | 318 | + .edgeEffect(EdgeEffect.None) |
| 213 | .scrollBar(BarState.Off) | 319 | .scrollBar(BarState.Off) |
| 214 | .listDirection(Axis.Horizontal) | 320 | .listDirection(Axis.Horizontal) |
| 215 | .width('100%') | 321 | .width('100%') |
| @@ -221,50 +327,54 @@ export struct SearchResultContentComponent{ | @@ -221,50 +327,54 @@ export struct SearchResultContentComponent{ | ||
| 221 | .color($r('app.color.color_F5F5F5')) | 327 | .color($r('app.color.color_F5F5F5')) |
| 222 | .strokeWidth('12lpx') | 328 | .strokeWidth('12lpx') |
| 223 | } | 329 | } |
| 224 | - //List | ||
| 225 | - List({ space: '6lpx' }) { | ||
| 226 | - LazyForEach(this.data, (item: ContentDTO, index: number) => { | ||
| 227 | - ListItem() { | ||
| 228 | - Column(){ | ||
| 229 | - if(this.searchType == "activity"){ | ||
| 230 | - ActivityItemComponent({contentDTO:item}) | ||
| 231 | - }else{ | ||
| 232 | - CardParser({contentDTO:item}) | ||
| 233 | - } | ||
| 234 | - if(index != this.data.totalCount()-1 ){ | ||
| 235 | - Divider() | ||
| 236 | - .width('100%') | ||
| 237 | - .height('1lpx') | ||
| 238 | - .color($r('app.color.color_F5F5F5')) | ||
| 239 | - .strokeWidth('1lpx') | ||
| 240 | - } | ||
| 241 | } | 330 | } |
| 331 | + | ||
| 332 | + @Builder | ||
| 333 | + SearchListUI() { | ||
| 334 | + List({space:'8lpx'}) { | ||
| 335 | + ForEach(this.data_rmh, (item: SearchRmhDescription, index: number) => { | ||
| 336 | + ListItem() { | ||
| 337 | + SearchCreatorComponent({item:item}) | ||
| 242 | } | 338 | } |
| 243 | - }, (item: ContentDTO, index: number) => index.toString()) | 339 | + .width('150lpx') |
| 340 | + .height('100%') | ||
| 341 | + }) | ||
| 244 | 342 | ||
| 245 | - //没有更多数据 显示提示 | ||
| 246 | - if(!this.hasMore && this.data.totalCount() > 0){ | ||
| 247 | ListItem(){ | 343 | ListItem(){ |
| 248 | - ListHasNoMoreDataUI() | 344 | + Column(){ |
| 345 | + Text("查看更多") | ||
| 346 | + .width('19lpx') | ||
| 347 | + .fontSize('19lpx') | ||
| 348 | + .fontWeight('400lpx') | ||
| 349 | + .lineHeight('27lpx') | ||
| 350 | + .fontColor($r('app.color.color_9E9E9E')) | ||
| 351 | + }.borderRadius({topLeft:'4lpx',bottomLeft:'4lpx'}) | ||
| 352 | + .height('180lpx') | ||
| 353 | + .width('77lpx') | ||
| 354 | + .backgroundColor($r('app.color.color_EDEDED')) | ||
| 355 | + .justifyContent(FlexAlign.Center) | ||
| 356 | + | ||
| 357 | + }.height('100%') | ||
| 358 | + .margin({left:'23lpx'}) | ||
| 359 | + .onClick(()=>{ | ||
| 360 | + let params: Params = { | ||
| 361 | + pageID: this.keywords | ||
| 249 | } | 362 | } |
| 363 | + WDRouterRule.jumpWithPage(WDRouterPage.searchCreatorPage,params) | ||
| 364 | + }) | ||
| 250 | } | 365 | } |
| 251 | - }.cachedCount(6) | 366 | + .cachedCount(6) |
| 252 | .edgeEffect(EdgeEffect.None) | 367 | .edgeEffect(EdgeEffect.None) |
| 253 | .scrollBar(BarState.Off) | 368 | .scrollBar(BarState.Off) |
| 254 | - .layoutWeight(1) | ||
| 255 | - .onReachEnd(()=>{ | ||
| 256 | - console.log(TAG,"触底了"); | ||
| 257 | - if(!this.isLoading){ | ||
| 258 | - //加载分页数据 | ||
| 259 | - this.getNewSearchResultData() | ||
| 260 | - } | ||
| 261 | - }) | ||
| 262 | - }.layoutWeight(1) | ||
| 263 | - } | ||
| 264 | - } | ||
| 265 | - .backgroundColor($r('app.color.white')) | ||
| 266 | - .layoutWeight(1) | 369 | + .listDirection(Axis.Horizontal) |
| 267 | .width('100%') | 370 | .width('100%') |
| 371 | + .height('219lpx') | ||
| 372 | + | ||
| 373 | + Divider() | ||
| 374 | + .width('100%') | ||
| 375 | + .height('12lpx') | ||
| 376 | + .color($r('app.color.color_F5F5F5')) | ||
| 377 | + .strokeWidth('12lpx') | ||
| 268 | } | 378 | } |
| 269 | 379 | ||
| 270 | private dataTransform(value: SearchResultContentItem, photos: FullColumnImgUrlDTO[]): ContentDTO { | 380 | private dataTransform(value: SearchResultContentItem, photos: FullColumnImgUrlDTO[]): ContentDTO { |
| 1 | -import { Logger } from 'wdKit/Index' | 1 | +import { Logger, NumberFormatterUtils } from 'wdKit/Index' |
| 2 | import { LikeViewModel } from '../../viewmodel/LikeViewModel' | 2 | import { LikeViewModel } from '../../viewmodel/LikeViewModel' |
| 3 | import { SPHelper } from 'wdKit'; | 3 | import { SPHelper } from 'wdKit'; |
| 4 | import { WDRouterPage, WDRouterRule } from 'wdRouter/Index'; | 4 | import { WDRouterPage, WDRouterRule } from 'wdRouter/Index'; |
| @@ -51,6 +51,9 @@ export struct LikeComponent { | @@ -51,6 +51,9 @@ export struct LikeComponent { | ||
| 51 | this.likeCompStyle2() | 51 | this.likeCompStyle2() |
| 52 | } else if (this.componentType == 3) { | 52 | } else if (this.componentType == 3) { |
| 53 | this.likeCompStyle3() | 53 | this.likeCompStyle3() |
| 54 | + } else if (this.componentType == 4) { | ||
| 55 | + // 直播,点赞按钮底测有灰色圆角背景+右上点赞数量 | ||
| 56 | + this.likeCompStyle4() | ||
| 54 | } else { | 57 | } else { |
| 55 | //1: 底部栏目样式 默认样式 | 58 | //1: 底部栏目样式 默认样式 |
| 56 | this.likeCompStyle1() | 59 | this.likeCompStyle1() |
| @@ -63,7 +66,8 @@ export struct LikeComponent { | @@ -63,7 +66,8 @@ export struct LikeComponent { | ||
| 63 | transLikeStyle(): ILikeStyleResp { | 66 | transLikeStyle(): ILikeStyleResp { |
| 64 | if (this.likesStyle === 1) { | 67 | if (this.likesStyle === 1) { |
| 65 | return { | 68 | return { |
| 66 | - url: this.likeStatus ? $r(`app.media.ic_like_check`) : $r(`app.media.ic_like_uncheck`), | 69 | + url: this.likeStatus ? $r(`app.media.ic_like_check`) : |
| 70 | + this.styleType == 1 ? $r('app.media.icon_like_default') : $r(`app.media.ic_like_uncheck`), | ||
| 67 | name: '赞' | 71 | name: '赞' |
| 68 | } | 72 | } |
| 69 | } else if (this.likesStyle === 2) { | 73 | } else if (this.likesStyle === 2) { |
| @@ -79,7 +83,9 @@ export struct LikeComponent { | @@ -79,7 +83,9 @@ export struct LikeComponent { | ||
| 79 | } | 83 | } |
| 80 | } | 84 | } |
| 81 | return { | 85 | return { |
| 82 | - url: $r(`app.media.icon_like_ckeck`), name: '点赞' | 86 | + url: this.likeStatus ? $r(`app.media.ic_like_check`) : |
| 87 | + this.styleType == 1 ? $r('app.media.icon_like_default') : $r(`app.media.ic_like_uncheck`), | ||
| 88 | + name: '点赞' | ||
| 83 | } | 89 | } |
| 84 | } | 90 | } |
| 85 | 91 | ||
| @@ -88,9 +94,8 @@ export struct LikeComponent { | @@ -88,9 +94,8 @@ export struct LikeComponent { | ||
| 88 | //2: 新闻页中间位置样式 | 94 | //2: 新闻页中间位置样式 |
| 89 | Column() { | 95 | Column() { |
| 90 | Button() { | 96 | Button() { |
| 91 | - | ||
| 92 | Row() { | 97 | Row() { |
| 93 | - Image(this.likeStatus ? $r('app.media.icon_like_select') : $r('app.media.icon_like_default')) | 98 | + Image(this.transLikeStyle().url) |
| 94 | .width(20) | 99 | .width(20) |
| 95 | .height(20) | 100 | .height(20) |
| 96 | Text(this.likeCount.toString()) | 101 | Text(this.likeCount.toString()) |
| @@ -125,9 +130,7 @@ export struct LikeComponent { | @@ -125,9 +130,7 @@ export struct LikeComponent { | ||
| 125 | @Builder | 130 | @Builder |
| 126 | likeCompStyle3() { | 131 | likeCompStyle3() { |
| 127 | Row() { | 132 | Row() { |
| 128 | - Image(this.likeStatus ? $r('app.media.icon_like_select') : | ||
| 129 | - this.styleType == 1 ? $r('app.media.CarderInteraction_like') : | ||
| 130 | - $r('app.media.icon_like_default_white')) | 133 | + Image(this.transLikeStyle().url) |
| 131 | .width(18) | 134 | .width(18) |
| 132 | .height(18) | 135 | .height(18) |
| 133 | // Text(this.likeStatus ? '已赞' : '点赞') | 136 | // Text(this.likeStatus ? '已赞' : '点赞') |
| @@ -147,9 +150,7 @@ export struct LikeComponent { | @@ -147,9 +150,7 @@ export struct LikeComponent { | ||
| 147 | //1: 底部栏目样式 默认样式 | 150 | //1: 底部栏目样式 默认样式 |
| 148 | Column() { | 151 | Column() { |
| 149 | // Image(this.likeStatus ? $r('app.media.icon_like_select') : $r('app.media.icon_like_default')) | 152 | // Image(this.likeStatus ? $r('app.media.icon_like_select') : $r('app.media.icon_like_default')) |
| 150 | - Image(this.likeStatus ? $r('app.media.icon_like_select') : | ||
| 151 | - this.styleType == 1 ? $r('app.media.icon_like_default') : | ||
| 152 | - $r('app.media.icon_like_default_white')) | 153 | + Image(this.transLikeStyle().url) |
| 153 | .width(24) | 154 | .width(24) |
| 154 | .height(24) | 155 | .height(24) |
| 155 | .onClick(() => { | 156 | .onClick(() => { |
| @@ -158,6 +159,43 @@ export struct LikeComponent { | @@ -158,6 +159,43 @@ export struct LikeComponent { | ||
| 158 | }.width(24).height(24) | 159 | }.width(24).height(24) |
| 159 | } | 160 | } |
| 160 | 161 | ||
| 162 | + @Builder | ||
| 163 | + likeCompStyle4() { | ||
| 164 | + Stack({ alignContent: Alignment.Bottom }) { | ||
| 165 | + Column() { | ||
| 166 | + Image(this.transLikeStyle().url) | ||
| 167 | + .width(24) | ||
| 168 | + .height(24) | ||
| 169 | + .onClick(() => { | ||
| 170 | + this.clickButtonEvent() | ||
| 171 | + }) | ||
| 172 | + } | ||
| 173 | + .justifyContent(FlexAlign.Center) | ||
| 174 | + .width(36) | ||
| 175 | + .height(36) | ||
| 176 | + .borderRadius(18) | ||
| 177 | + .backgroundColor('#FFF5F5F5') | ||
| 178 | + | ||
| 179 | + | ||
| 180 | + Row() { | ||
| 181 | + Text(NumberFormatterUtils.formatNumberWithWan(this.likeCount || '')) | ||
| 182 | + .fontSize(8) | ||
| 183 | + .fontColor(Color.White) | ||
| 184 | + .padding({ left: 4, right: 2 }) | ||
| 185 | + } | ||
| 186 | + .height(12) | ||
| 187 | + .alignItems(VerticalAlign.Center) | ||
| 188 | + .position({ x: '100%', }) | ||
| 189 | + .markAnchor({ x: '100%' }) | ||
| 190 | + .backgroundImage($r('app.media.ic_like_back')) | ||
| 191 | + .backgroundImageSize(ImageSize.Auto) | ||
| 192 | + .visibility(this.likeCount > 0 ? Visibility.Visible : Visibility.Hidden) | ||
| 193 | + } | ||
| 194 | + .width(36) | ||
| 195 | + .height(42) | ||
| 196 | + | ||
| 197 | + } | ||
| 198 | + | ||
| 161 | async clickButtonEvent() { | 199 | async clickButtonEvent() { |
| 162 | console.log(TAG, '点赞点击') | 200 | console.log(TAG, '点赞点击') |
| 163 | // 未登录,跳转登录 | 201 | // 未登录,跳转登录 |
| @@ -184,6 +222,12 @@ export struct LikeComponent { | @@ -184,6 +222,12 @@ export struct LikeComponent { | ||
| 184 | this.viewModel.executeLike2(this.data).then(() => { | 222 | this.viewModel.executeLike2(this.data).then(() => { |
| 185 | 223 | ||
| 186 | console.log(TAG, '点赞接口调用成功') | 224 | console.log(TAG, '点赞接口调用成功') |
| 225 | + | ||
| 226 | + // 直播点赞一直增加 | ||
| 227 | + if (this.contentDetailData.liveInfo) { | ||
| 228 | + this.likeStatus = true | ||
| 229 | + this.likeCount++ | ||
| 230 | + } else { | ||
| 187 | this.likeStatus = !this.likeStatus | 231 | this.likeStatus = !this.likeStatus |
| 188 | //点赞和取消点赞成功后更新点赞数 | 232 | //点赞和取消点赞成功后更新点赞数 |
| 189 | if (this.likeStatus) { | 233 | if (this.likeStatus) { |
| @@ -191,6 +235,7 @@ export struct LikeComponent { | @@ -191,6 +235,7 @@ export struct LikeComponent { | ||
| 191 | } else { | 235 | } else { |
| 192 | this.likeCount-- | 236 | this.likeCount-- |
| 193 | } | 237 | } |
| 238 | + } | ||
| 194 | 239 | ||
| 195 | if (this.likeCount <= 0) { | 240 | if (this.likeCount <= 0) { |
| 196 | this.likeCount = 0 | 241 | this.likeCount = 0 |
| @@ -48,6 +48,17 @@ export struct OperRowListView { | @@ -48,6 +48,17 @@ export struct OperRowListView { | ||
| 48 | private onCommentFocus: () => void = () => { | 48 | private onCommentFocus: () => void = () => { |
| 49 | } | 49 | } |
| 50 | @Prop @Watch('onDetailUpdated') contentDetailData: ContentDetailDTO // 稿件详情 | 50 | @Prop @Watch('onDetailUpdated') contentDetailData: ContentDetailDTO // 稿件详情 |
| 51 | + /** | ||
| 52 | + * 组件样式类型,根据详情页类型传值,组件内部根据样式展现类型做判断 | ||
| 53 | + * 1:底部栏目样式 | ||
| 54 | + * 2:新闻页中间位置样式 | ||
| 55 | + * 3:动态Tab内容下的互动入口 | ||
| 56 | + * 4:视频详情页 | ||
| 57 | + * 5:横屏直播详情页 | ||
| 58 | + * 6:竖屏直播详情页 | ||
| 59 | + * 7:图集详情页 | ||
| 60 | + */ | ||
| 61 | + @Prop componentType: number = 1 //1: 底部栏目样式 2: 新闻页中间位置样式 3:动态Tab内容下的互动入口 | ||
| 51 | @State likesStyle: number = this.contentDetailData.likesStyle // 赞样式 1红心(点赞) 2大拇指(祈福) 3蜡烛(默哀) 4置空 | 62 | @State likesStyle: number = this.contentDetailData.likesStyle // 赞样式 1红心(点赞) 2大拇指(祈福) 3蜡烛(默哀) 4置空 |
| 52 | @State operationButtonList: string[] = ['comment', 'collect', 'share'] // 组件展示条件 | 63 | @State operationButtonList: string[] = ['comment', 'collect', 'share'] // 组件展示条件 |
| 53 | @State needLike: boolean = true | 64 | @State needLike: boolean = true |
| @@ -65,6 +76,7 @@ export struct OperRowListView { | @@ -65,6 +76,7 @@ export struct OperRowListView { | ||
| 65 | console.info(TAG, '22222----', this.styleType) | 76 | console.info(TAG, '22222----', this.styleType) |
| 66 | console.info(TAG, '3333----', this.needLike) | 77 | console.info(TAG, '3333----', this.needLike) |
| 67 | this.handleStyle() | 78 | this.handleStyle() |
| 79 | + this.onDetailUpdated() | ||
| 68 | } | 80 | } |
| 69 | 81 | ||
| 70 | async onDetailUpdated() { | 82 | async onDetailUpdated() { |
| @@ -147,8 +159,8 @@ export struct OperRowListView { | @@ -147,8 +159,8 @@ export struct OperRowListView { | ||
| 147 | .backgroundColor(this.bgColor) | 159 | .backgroundColor(this.bgColor) |
| 148 | .padding({ | 160 | .padding({ |
| 149 | top: 10, | 161 | top: 10, |
| 150 | - // bottom: `${this.bottomSafeHeight}px` | ||
| 151 | - bottom: 50 | 162 | + bottom: `${this.bottomSafeHeight}px` |
| 163 | + // bottom: 50 | ||
| 152 | }) | 164 | }) |
| 153 | } | 165 | } |
| 154 | 166 | ||
| @@ -189,7 +201,8 @@ export struct OperRowListView { | @@ -189,7 +201,8 @@ export struct OperRowListView { | ||
| 189 | // if (this.likeBean?.contentId) { | 201 | // if (this.likeBean?.contentId) { |
| 190 | LikeComponent({ | 202 | LikeComponent({ |
| 191 | data: this.likeBean, | 203 | data: this.likeBean, |
| 192 | - styleType: this.styleType | 204 | + styleType: this.styleType, |
| 205 | + componentType: this.componentType | ||
| 193 | }) | 206 | }) |
| 194 | // } | 207 | // } |
| 195 | } | 208 | } |
| 1 | -import lottie, { AnimationItem, AnimationSegment } from '@ohos/lottie'; | ||
| 2 | - | ||
| 3 | -@Component | ||
| 4 | -export struct LottieView { | ||
| 5 | - @Prop name: string | ||
| 6 | - @Prop path: string | ||
| 7 | - @Prop lottieWidth: number = 30 | ||
| 8 | - @Prop lottieHeight: number = 30 | ||
| 9 | - @Prop autoplay: boolean = false | ||
| 10 | - @Prop loop: boolean = false | ||
| 11 | - @Prop initialSegment?: AnimationSegment = [0, 120] // 动画起始帧 | ||
| 12 | - @Prop onReady: (animateItem: AnimationItem | null) => void // 动画初始化完成事件 | ||
| 13 | - @Prop onComplete: () => void = () => { | ||
| 14 | - } // 动画完成事件 | ||
| 15 | - private politeChickyController: CanvasRenderingContext2D = new CanvasRenderingContext2D(); // CanvasRenderingContext2D对象 | ||
| 16 | - private animateItem: AnimationItem | null = null; // 初始化loadAnimation接口的返回对象 | ||
| 17 | - | ||
| 18 | - // 页面隐藏销毁动画 | ||
| 19 | - onPageHide(): void { | ||
| 20 | - this.animateItem?.destroy() | ||
| 21 | - | ||
| 22 | - if (this.onComplete) { | ||
| 23 | - this.animateItem?.removeEventListener('complete', this.onComplete) | ||
| 24 | - } | ||
| 25 | - } | ||
| 26 | - | ||
| 27 | - /** | ||
| 28 | - * 加载动画 | ||
| 29 | - * @param autoplay 控制动画是否自动播放参数 | ||
| 30 | - */ | ||
| 31 | - loadAnimation() { | ||
| 32 | - // 销毁动画,减少缓存 | ||
| 33 | - if (this.animateItem !== null) { | ||
| 34 | - this.animateItem.destroy(); | ||
| 35 | - this.animateItem = null; | ||
| 36 | - } | ||
| 37 | - | ||
| 38 | - this.animateItem = lottie.loadAnimation({ | ||
| 39 | - container: this.politeChickyController, | ||
| 40 | - renderer: 'canvas', | ||
| 41 | - loop: this.loop, | ||
| 42 | - autoplay: this.autoplay, | ||
| 43 | - name: this.name, // 动画名称 | ||
| 44 | - path: this.path, // hap包内动画资源文件路径,仅支持json格式 | ||
| 45 | - // initialSegment: this.initialSegment | ||
| 46 | - }) | ||
| 47 | - if (this.initialSegment) { | ||
| 48 | - this.animateItem.segments = this.initialSegment | ||
| 49 | - } | ||
| 50 | - | ||
| 51 | - if (this.onComplete) { | ||
| 52 | - this.animateItem.addEventListener('complete', this.onComplete) | ||
| 53 | - } | ||
| 54 | - | ||
| 55 | - } | ||
| 56 | - | ||
| 57 | - build() { | ||
| 58 | - Stack({ alignContent: Alignment.TopStart }) { | ||
| 59 | - Canvas(this.politeChickyController) | ||
| 60 | - .width(this.lottieWidth) | ||
| 61 | - .height(this.lottieHeight) | ||
| 62 | - .backgroundColor(Color.Black) | ||
| 63 | - .onReady(() => { | ||
| 64 | - this.loadAnimation(); | ||
| 65 | - if (this.onReady) { | ||
| 66 | - this.onReady(this.animateItem) | ||
| 67 | - } | ||
| 68 | - }) | ||
| 69 | - .onClick(() => { | ||
| 70 | - this.animateItem?.play() | ||
| 71 | - }) | ||
| 72 | - } | ||
| 73 | - } | ||
| 74 | -} |
617 Bytes
| @@ -7,6 +7,7 @@ | @@ -7,6 +7,7 @@ | ||
| 7 | "main": "Index.ets", | 7 | "main": "Index.ets", |
| 8 | "version": "1.0.0", | 8 | "version": "1.0.0", |
| 9 | "dependencies": { | 9 | "dependencies": { |
| 10 | + "@ohos/lottie": "2.0.10", | ||
| 10 | "wdComponent": "file:../../features/wdComponent", | 11 | "wdComponent": "file:../../features/wdComponent", |
| 11 | "wdPlayer": "file:../../features/wdPlayer", | 12 | "wdPlayer": "file:../../features/wdPlayer", |
| 12 | "wdNetwork": "file:../../commons/wdNetwork", | 13 | "wdNetwork": "file:../../commons/wdNetwork", |
| @@ -61,8 +61,8 @@ export struct DetailPlayLivePage { | @@ -61,8 +61,8 @@ export struct DetailPlayLivePage { | ||
| 61 | .layoutWeight(503) | 61 | .layoutWeight(503) |
| 62 | .visibility(this.displayDirection == DisplayDirection.VERTICAL ? Visibility.Visible : Visibility.None) | 62 | .visibility(this.displayDirection == DisplayDirection.VERTICAL ? Visibility.Visible : Visibility.None) |
| 63 | 63 | ||
| 64 | - if (this.contentDetailData?.newsId) { | ||
| 65 | OperRowListView({ | 64 | OperRowListView({ |
| 65 | + componentType: 4, | ||
| 66 | operationButtonList: ['comment', 'collect', 'share', 'like'], | 66 | operationButtonList: ['comment', 'collect', 'share', 'like'], |
| 67 | contentDetailData: this.contentDetailData, | 67 | contentDetailData: this.contentDetailData, |
| 68 | publishCommentModel: this.publishCommentModel, | 68 | publishCommentModel: this.publishCommentModel, |
| @@ -73,7 +73,7 @@ export struct DetailPlayLivePage { | @@ -73,7 +73,7 @@ export struct DetailPlayLivePage { | ||
| 73 | } | 73 | } |
| 74 | }) | 74 | }) |
| 75 | .visibility(this.displayDirection == DisplayDirection.VERTICAL ? Visibility.Visible : Visibility.None) | 75 | .visibility(this.displayDirection == DisplayDirection.VERTICAL ? Visibility.Visible : Visibility.None) |
| 76 | - } | 76 | + |
| 77 | // LiveCommentComponent({ heartNum: this.liveRoomDataBean.likeNum }) | 77 | // LiveCommentComponent({ heartNum: this.liveRoomDataBean.likeNum }) |
| 78 | // .visibility(this.displayDirection == DisplayDirection.VERTICAL ? Visibility.Visible : Visibility.None) | 78 | // .visibility(this.displayDirection == DisplayDirection.VERTICAL ? Visibility.Visible : Visibility.None) |
| 79 | } | 79 | } |
| 1 | import { window } from '@kit.ArkUI' | 1 | import { window } from '@kit.ArkUI' |
| 2 | +import lottie from '@ohos/lottie'; | ||
| 3 | + | ||
| 2 | import { NumberFormatterUtils, StringUtils, WindowModel } from 'wdKit/Index' | 4 | import { NumberFormatterUtils, StringUtils, WindowModel } from 'wdKit/Index' |
| 3 | import { DateFormatUtil, WDPlayerController } from 'wdPlayer/Index' | 5 | import { DateFormatUtil, WDPlayerController } from 'wdPlayer/Index' |
| 4 | import { LiveDetailsBean, LiveRoomDataBean } from 'wdBean/Index' | 6 | import { LiveDetailsBean, LiveRoomDataBean } from 'wdBean/Index' |
| 5 | import { DisplayDirection } from 'wdConstant/Index' | 7 | import { DisplayDirection } from 'wdConstant/Index' |
| 6 | -import { LiveFollowComponent } from 'wdComponent/Index' | 8 | +import { LiveFollowComponent, LottieView } from 'wdComponent/Index' |
| 7 | 9 | ||
| 8 | @Component | 10 | @Component |
| 9 | export struct PlayUIComponent { | 11 | export struct PlayUIComponent { |
| @@ -44,6 +46,12 @@ export struct PlayUIComponent { | @@ -44,6 +46,12 @@ export struct PlayUIComponent { | ||
| 44 | } | 46 | } |
| 45 | } | 47 | } |
| 46 | 48 | ||
| 49 | + aboutToDisappear(): void { | ||
| 50 | + if (this.liveDetailsBean.liveInfo?.liveState == 'running') { | ||
| 51 | + lottie.destroy('live_status_wait') | ||
| 52 | + } | ||
| 53 | + } | ||
| 54 | + | ||
| 47 | build() { | 55 | build() { |
| 48 | Column() { | 56 | Column() { |
| 49 | if (this.liveDetailsBean && this.liveDetailsBean.liveInfo) { | 57 | if (this.liveDetailsBean && this.liveDetailsBean.liveInfo) { |
| @@ -130,6 +138,7 @@ export struct PlayUIComponent { | @@ -130,6 +138,7 @@ export struct PlayUIComponent { | ||
| 130 | // 预约 | 138 | // 预约 |
| 131 | if (this.liveDetailsBean.liveInfo?.liveState == 'wait') { | 139 | if (this.liveDetailsBean.liveInfo?.liveState == 'wait') { |
| 132 | Row() { | 140 | Row() { |
| 141 | + | ||
| 133 | Image($r('app.media.icon_live_status_wait')) | 142 | Image($r('app.media.icon_live_status_wait')) |
| 134 | .width(22) | 143 | .width(22) |
| 135 | .height(18) | 144 | .height(18) |
| @@ -148,9 +157,20 @@ export struct PlayUIComponent { | @@ -148,9 +157,20 @@ export struct PlayUIComponent { | ||
| 148 | // 直播中 | 157 | // 直播中 |
| 149 | else if (this.liveDetailsBean.liveInfo?.liveState == 'running') { | 158 | else if (this.liveDetailsBean.liveInfo?.liveState == 'running') { |
| 150 | Row() { | 159 | Row() { |
| 151 | - Image($r('app.media.icon_live_status_running')) | 160 | + Stack() { |
| 161 | + Image($r('app.media.icon_live_status_running_back')) | ||
| 152 | .width(22) | 162 | .width(22) |
| 153 | .height(18) | 163 | .height(18) |
| 164 | + LottieView({ | ||
| 165 | + name: 'live_status_wait', | ||
| 166 | + path: "lottie/live_detail_living.json", | ||
| 167 | + lottieWidth: 8, | ||
| 168 | + lottieHeight: 9, | ||
| 169 | + autoplay: true, | ||
| 170 | + loop: true, | ||
| 171 | + }) | ||
| 172 | + } | ||
| 173 | + | ||
| 154 | Text('直播中') | 174 | Text('直播中') |
| 155 | .fontSize('11fp') | 175 | .fontSize('11fp') |
| 156 | .fontWeight(400) | 176 | .fontWeight(400) |
| 1 | +import lottie from '@ohos/lottie' | ||
| 1 | import { LiveDetailsBean, LiveRoomDataBean } from 'wdBean/Index' | 2 | import { LiveDetailsBean, LiveRoomDataBean } from 'wdBean/Index' |
| 2 | -import { LiveFollowComponent } from 'wdComponent/Index' | 3 | +import { LiveFollowComponent, LottieView } from 'wdComponent/Index' |
| 3 | import { NumberFormatterUtils } from 'wdKit/Index' | 4 | import { NumberFormatterUtils } from 'wdKit/Index' |
| 4 | 5 | ||
| 5 | @Preview | 6 | @Preview |
| @@ -9,6 +10,12 @@ export struct PlayerTitleComponent { | @@ -9,6 +10,12 @@ export struct PlayerTitleComponent { | ||
| 9 | @Consume liveRoomDataBean: LiveRoomDataBean | 10 | @Consume liveRoomDataBean: LiveRoomDataBean |
| 10 | @Consume liveState: string | 11 | @Consume liveState: string |
| 11 | 12 | ||
| 13 | + aboutToDisappear(): void { | ||
| 14 | + if (this.liveDetailsBean.liveInfo?.liveState == 'running') { | ||
| 15 | + lottie.destroy('live_status_wait') | ||
| 16 | + } | ||
| 17 | + } | ||
| 18 | + | ||
| 12 | build() { | 19 | build() { |
| 13 | Column() { | 20 | Column() { |
| 14 | Row() { | 21 | Row() { |
| @@ -47,10 +54,24 @@ export struct PlayerTitleComponent { | @@ -47,10 +54,24 @@ export struct PlayerTitleComponent { | ||
| 47 | if (this.liveRoomDataBean.liveId) { | 54 | if (this.liveRoomDataBean.liveId) { |
| 48 | Row() { | 55 | Row() { |
| 49 | if (this.liveState == 'running') { | 56 | if (this.liveState == 'running') { |
| 50 | - Image($r('app.media.icon_live_status_running')) | 57 | + Stack() { |
| 58 | + Image($r('app.media.icon_live_status_running_back')) | ||
| 51 | .width(22) | 59 | .width(22) |
| 52 | .height(18) | 60 | .height(18) |
| 53 | - .margin({ right: 1 }) | 61 | + LottieView({ |
| 62 | + name: 'live_status_wait', | ||
| 63 | + path: "lottie/live_detail_living.json", | ||
| 64 | + lottieWidth: 8, | ||
| 65 | + lottieHeight: 9, | ||
| 66 | + autoplay: true, | ||
| 67 | + loop: true, | ||
| 68 | + }) | ||
| 69 | + }.margin({ right: 1 }) | ||
| 70 | + | ||
| 71 | + // Image($r('app.media.icon_live_status_running')) | ||
| 72 | + // .width(22) | ||
| 73 | + // .height(18) | ||
| 74 | + // .margin({ right: 1 }) | ||
| 54 | } | 75 | } |
| 55 | 76 | ||
| 56 | Text(this.liveState == 'running' ? '直播中' : '回看') | 77 | Text(this.liveState == 'running' ? '直播中' : '回看') |
990 Bytes
| 1 | +{"v":"5.6.10","fr":60,"ip":0,"op":80,"w":30,"h":30,"nm":"直播页面-动效","ddd":0,"assets":[],"layers":[{"ddd":0,"ind":1,"ty":3,"nm":"空 13","sr":1,"ks":{"o":{"a":0,"k":0,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[7.5,7.375,0],"ix":2},"a":{"a":0,"k":[0,0,0],"ix":1},"s":{"a":0,"k":[50,50,100],"ix":6}},"ao":0,"ip":0,"op":80,"st":0,"bm":0},{"ddd":0,"ind":2,"ty":4,"nm":"形状图层 3","parent":1,"sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[34,20.073,0],"ix":2},"a":{"a":0,"k":[0,0,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6}},"ao":0,"shapes":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":1,"k":[{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":0,"s":[{"i":[[0,-0.828],[0,0],[0.828,0],[0,0],[0,0.828],[0,0],[-0.828,0],[0,0]],"o":[[0,0],[0,0.828],[0,0],[-0.828,0],[0,0],[0,-0.828],[0,0],[0.828,0]],"v":[[3.75,-15],[3.75,15],[2.25,16.5],[-2.25,16.5],[-3.75,15],[-3.75,-15],[-2.25,-16.5],[2.25,-16.5]],"c":true}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":10,"s":[{"i":[[0,-0.828],[0,0],[0.828,0],[0,0],[0,0.828],[0,0],[-0.828,0],[0,0]],"o":[[0,0],[0,0.828],[0,0],[-0.828,0],[0,0],[0,-0.828],[0,0],[0.828,0]],"v":[[3.75,-27.5],[3.75,15],[2.25,16.5],[-2.25,16.5],[-3.75,15],[-3.75,-27.5],[-2.25,-29],[2.25,-29]],"c":true}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":20,"s":[{"i":[[0,-0.828],[0,0],[0.828,0],[0,0],[0,0.828],[0,0],[-0.828,0],[0,0]],"o":[[0,0],[0,0.828],[0,0],[-0.828,0],[0,0],[0,-0.828],[0,0],[0.828,0]],"v":[[3.75,-15.5],[3.75,15],[2.25,16.5],[-2.25,16.5],[-3.75,15],[-3.75,-15.5],[-2.25,-17],[2.25,-17]],"c":true}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":30,"s":[{"i":[[0,-0.828],[0,0],[0.828,0],[0,0],[0,0.828],[0,0],[-0.828,0],[0,0]],"o":[[0,0],[0,0.828],[0,0],[-0.828,0],[0,0],[0,-0.828],[0,0],[0.828,0]],"v":[[3.75,-3.5],[3.75,15],[2.25,16.5],[-2.25,16.5],[-3.75,15],[-3.75,-3.5],[-2.25,-5],[2.25,-5]],"c":true}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":40,"s":[{"i":[[0,-0.828],[0,0],[0.828,0],[0,0],[0,0.828],[0,0],[-0.828,0],[0,0]],"o":[[0,0],[0,0.828],[0,0],[-0.828,0],[0,0],[0,-0.828],[0,0],[0.828,0]],"v":[[3.75,-15.5],[3.75,15],[2.25,16.5],[-2.25,16.5],[-3.75,15],[-3.75,-15.5],[-2.25,-17],[2.25,-17]],"c":true}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":50,"s":[{"i":[[0,-0.828],[0,0],[0.828,0],[0,0],[0,0.828],[0,0],[-0.828,0],[0,0]],"o":[[0,0],[0,0.828],[0,0],[-0.828,0],[0,0],[0,-0.828],[0,0],[0.828,0]],"v":[[3.75,-27.5],[3.75,15],[2.25,16.5],[-2.25,16.5],[-3.75,15],[-3.75,-27.5],[-2.25,-29],[2.25,-29]],"c":true}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":60,"s":[{"i":[[0,-0.828],[0,0],[0.828,0],[0,0],[0,0.828],[0,0],[-0.828,0],[0,0]],"o":[[0,0],[0,0.828],[0,0],[-0.828,0],[0,0],[0,-0.828],[0,0],[0.828,0]],"v":[[3.75,-15.625],[3.75,15],[2.25,16.5],[-2.25,16.5],[-3.75,15],[-3.75,-15.625],[-2.25,-17.125],[2.25,-17.125]],"c":true}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":70,"s":[{"i":[[0,-0.828],[0,0],[0.828,0],[0,0],[0,0.828],[0,0],[-0.828,0],[0,0]],"o":[[0,0],[0,0.828],[0,0],[-0.828,0],[0,0],[0,-0.828],[0,0],[0.828,0]],"v":[[3.75,-3.375],[3.75,15],[2.25,16.5],[-2.25,16.5],[-3.75,15],[-3.75,-3.375],[-2.25,-4.875],[2.25,-4.875]],"c":true}]},{"t":80,"s":[{"i":[[0,-0.828],[0,0],[0.828,0],[0,0],[0,0.828],[0,0],[-0.828,0],[0,0]],"o":[[0,0],[0,0.828],[0,0],[-0.828,0],[0,0],[0,-0.828],[0,0],[0.828,0]],"v":[[3.75,-15.375],[3.75,15],[2.25,16.5],[-2.25,16.5],[-3.75,15],[-3.75,-15.375],[-2.25,-16.875],[2.25,-16.875]],"c":true}]}],"ix":2},"nm":"路径 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[1,1,1,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"填充 1","mn":"ADBE Vector Graphic - Fill","hd":false}],"ip":0,"op":80,"st":0,"bm":0},{"ddd":0,"ind":3,"ty":4,"nm":"形状图层 2","parent":1,"sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[-4,24.573,0],"ix":2},"a":{"a":0,"k":[0,0,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6}},"ao":0,"shapes":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":1,"k":[{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":0,"s":[{"i":[[0,-0.828],[0,0],[0.828,0],[0,0],[0,0.828],[0,0],[-0.828,0],[0,0]],"o":[[0,0],[0,0.828],[0,0],[-0.828,0],[0,0],[0,-0.828],[0,0],[0.828,0]],"v":[[3.75,-7.875],[3.75,10.5],[2.25,12],[-2.25,12],[-3.75,10.5],[-3.75,-7.875],[-2.25,-9.375],[2.25,-9.375]],"c":true}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":10,"s":[{"i":[[0,-0.828],[0,0],[0.828,0],[0,0],[0,0.828],[0,0],[-0.828,0],[0,0]],"o":[[0,0],[0,0.828],[0,0],[-0.828,0],[0,0],[0,-0.828],[0,0],[0.828,0]],"v":[[3.75,-20],[3.75,10.5],[2.25,12],[-2.25,12],[-3.75,10.5],[-3.75,-20],[-2.25,-21.5],[2.25,-21.5]],"c":true}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":20,"s":[{"i":[[0,-0.828],[0,0],[0.828,0],[0,0],[0,0.828],[0,0],[-0.828,0],[0,0]],"o":[[0,0],[0,0.828],[0,0],[-0.828,0],[0,0],[0,-0.828],[0,0],[0.828,0]],"v":[[3.75,-32],[3.75,10.5],[2.25,12],[-2.25,12],[-3.75,10.5],[-3.75,-32],[-2.25,-33.5],[2.25,-33.5]],"c":true}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":30,"s":[{"i":[[0,-0.828],[0,0],[0.828,0],[0,0],[0,0.828],[0,0],[-0.828,0],[0,0]],"o":[[0,0],[0,0.828],[0,0],[-0.828,0],[0,0],[0,-0.828],[0,0],[0.828,0]],"v":[[3.75,-20],[3.75,10.5],[2.25,12],[-2.25,12],[-3.75,10.5],[-3.75,-20],[-2.25,-21.5],[2.25,-21.5]],"c":true}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":40,"s":[{"i":[[0,-0.828],[0,0],[0.828,0],[0,0],[0,0.828],[0,0],[-0.828,0],[0,0]],"o":[[0,0],[0,0.828],[0,0],[-0.828,0],[0,0],[0,-0.828],[0,0],[0.828,0]],"v":[[3.75,-7.875],[3.75,10.5],[2.25,12],[-2.25,12],[-3.75,10.5],[-3.75,-7.875],[-2.25,-9.375],[2.25,-9.375]],"c":true}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":50,"s":[{"i":[[0,-0.828],[0,0],[0.828,0],[0,0],[0,0.828],[0,0],[-0.828,0],[0,0]],"o":[[0,0],[0,0.828],[0,0],[-0.828,0],[0,0],[0,-0.828],[0,0],[0.828,0]],"v":[[3.75,-20],[3.75,10.5],[2.25,12],[-2.25,12],[-3.75,10.5],[-3.75,-20],[-2.25,-21.5],[2.25,-21.5]],"c":true}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":60,"s":[{"i":[[0,-0.828],[0,0],[0.828,0],[0,0],[0,0.828],[0,0],[-0.828,0],[0,0]],"o":[[0,0],[0,0.828],[0,0],[-0.828,0],[0,0],[0,-0.828],[0,0],[0.828,0]],"v":[[3.75,-31.75],[3.75,10.5],[2.25,12],[-2.25,12],[-3.75,10.5],[-3.75,-31.75],[-2.25,-33.25],[2.25,-33.25]],"c":true}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":70,"s":[{"i":[[0,-0.828],[0,0],[0.828,0],[0,0],[0,0.828],[0,0],[-0.828,0],[0,0]],"o":[[0,0],[0,0.828],[0,0],[-0.828,0],[0,0],[0,-0.828],[0,0],[0.828,0]],"v":[[3.75,-19.875],[3.75,10.5],[2.25,12],[-2.25,12],[-3.75,10.5],[-3.75,-19.875],[-2.25,-21.375],[2.25,-21.375]],"c":true}]},{"t":80,"s":[{"i":[[0,-0.828],[0,0],[0.828,0],[0,0],[0,0.828],[0,0],[-0.828,0],[0,0]],"o":[[0,0],[0,0.828],[0,0],[-0.828,0],[0,0],[0,-0.828],[0,0],[0.828,0]],"v":[[3.75,-8],[3.75,10.5],[2.25,12],[-2.25,12],[-3.75,10.5],[-3.75,-8],[-2.25,-9.5],[2.25,-9.5]],"c":true}]}],"ix":2},"nm":"路径 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[1,1,1,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"填充 1","mn":"ADBE Vector Graphic - Fill","hd":false}],"ip":0,"op":80,"st":0,"bm":0},{"ddd":0,"ind":4,"ty":4,"nm":"形状图层 1","parent":1,"sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[15,14.272,0],"ix":2},"a":{"a":0,"k":[0,0,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6}},"ao":0,"shapes":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":1,"k":[{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":0,"s":[{"i":[[0,-0.828],[0,0],[0.828,0],[0,0],[0,0.828],[0,0],[-0.828,0],[0,0]],"o":[[0,0],[0,0.828],[0,0],[-0.828,0],[0,0],[0,-0.828],[0,0],[0.828,0]],"v":[[3.75,-21],[3.75,21],[2.25,22.5],[-2.25,22.5],[-3.75,21],[-3.75,-21],[-2.25,-22.5],[2.25,-22.5]],"c":true}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":10,"s":[{"i":[[0,-0.828],[0,0],[0.828,0],[0,0],[0,0.828],[0,0],[-0.828,0],[0,0]],"o":[[0,0],[0,0.828],[0,0],[-0.828,0],[0,0],[0,-0.828],[0,0],[0.828,0]],"v":[[3.75,-9.375],[3.75,21],[2.25,22.5],[-2.25,22.5],[-3.75,21],[-3.75,-9.375],[-2.25,-10.875],[2.25,-10.875]],"c":true}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":20,"s":[{"i":[[0,-0.828],[0,0],[0.828,0],[0,0],[0,0.828],[0,0],[-0.828,0],[0,0]],"o":[[0,0],[0,0.828],[0,0],[-0.828,0],[0,0],[0,-0.828],[0,0],[0.828,0]],"v":[[3.75,2.5],[3.75,21],[2.25,22.5],[-2.25,22.5],[-3.75,21],[-3.75,2.5],[-2.25,1],[2.25,1]],"c":true}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":30,"s":[{"i":[[0,-0.828],[0,0],[0.828,0],[0,0],[0,0.828],[0,0],[-0.828,0],[0,0]],"o":[[0,0],[0,0.828],[0,0],[-0.828,0],[0,0],[0,-0.828],[0,0],[0.828,0]],"v":[[3.75,-9.375],[3.75,21],[2.25,22.5],[-2.25,22.5],[-3.75,21],[-3.75,-9.375],[-2.25,-10.875],[2.25,-10.875]],"c":true}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":40,"s":[{"i":[[0,-0.828],[0,0],[0.828,0],[0,0],[0,0.828],[0,0],[-0.828,0],[0,0]],"o":[[0,0],[0,0.828],[0,0],[-0.828,0],[0,0],[0,-0.828],[0,0],[0.828,0]],"v":[[3.75,-21.5],[3.75,21],[2.25,22.5],[-2.25,22.5],[-3.75,21],[-3.75,-21.5],[-2.25,-23],[2.25,-23]],"c":true}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":50,"s":[{"i":[[0,-0.828],[0,0],[0.828,0],[0,0],[0,0.828],[0,0],[-0.828,0],[0,0]],"o":[[0,0],[0,0.828],[0,0],[-0.828,0],[0,0],[0,-0.828],[0,0],[0.828,0]],"v":[[3.75,-9.5],[3.75,21],[2.25,22.5],[-2.25,22.5],[-3.75,21],[-3.75,-9.5],[-2.25,-11],[2.25,-11]],"c":true}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":60,"s":[{"i":[[0,-0.828],[0,0],[0.828,0],[0,0],[0,0.828],[0,0],[-0.828,0],[0,0]],"o":[[0,0],[0,0.828],[0,0],[-0.828,0],[0,0],[0,-0.828],[0,0],[0.828,0]],"v":[[3.75,2.5],[3.75,21],[2.25,22.5],[-2.25,22.5],[-3.75,21],[-3.75,2.5],[-2.25,1],[2.25,1]],"c":true}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":70,"s":[{"i":[[0,-0.828],[0,0],[0.828,0],[0,0],[0,0.828],[0,0],[-0.828,0],[0,0]],"o":[[0,0],[0,0.828],[0,0],[-0.828,0],[0,0],[0,-0.828],[0,0],[0.828,0]],"v":[[3.75,-9.5],[3.75,21],[2.25,22.5],[-2.25,22.5],[-3.75,21],[-3.75,-9.5],[-2.25,-11],[2.25,-11]],"c":true}]},{"t":80,"s":[{"i":[[0,-0.828],[0,0],[0.828,0],[0,0],[0,0.828],[0,0],[-0.828,0],[0,0]],"o":[[0,0],[0,0.828],[0,0],[-0.828,0],[0,0],[0,-0.828],[0,0],[0.828,0]],"v":[[3.75,-21.375],[3.75,21],[2.25,22.5],[-2.25,22.5],[-3.75,21],[-3.75,-21.375],[-2.25,-22.875],[2.25,-22.875]],"c":true}]}],"ix":2},"nm":"路径 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[1,1,1,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"填充 1","mn":"ADBE Vector Graphic - Fill","hd":false}],"ip":0,"op":80,"st":0,"bm":0}],"markers":[]} |
| 1 | +{"v":"5.6.10","fr":30,"ip":0,"op":51,"w":500,"h":500,"nm":"预合成 1","ddd":0,"assets":[{"id":"image_0","w":90,"h":240,"u":"","p":"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFoAAADwCAYAAACAL3OKAAAACXBIWXMAAAABAAAAAQBPJcTWAAAAJHpUWHRDcmVhdG9yAAAImXNMyU9KVXBMK0ktUnBNS0tNLikGAEF6Bs5qehXFAAADW0lEQVR4nO3cv2lcQRRG8Tuzs0iBFRhcgcEVGFSBwRUYXIHBFRicqTOVJJACSfvnc+BNXvbgMUeBzi8ZJhPnDuLpYtySnEvTjarKW/8Q74GhIYaGGBpiaIihIYaGGBpiaIihIYaGjKpy1wHwRUMMDTE0xNAQQ0MMDTE0xNAQQ0MMDTE0xNAQQ0MMDTE0xH00xBcNMTTE0BBDQwwNMTTE0BBDQwwNMTTE0BBDQwwNMTTE0BD30RBfNMTQEENDDA0xNMTQEENDDA0xNMTQEENDDA0xNMTQEEND3EdDfNEQQ0MMDTE0xNAQQ0MMDTE0xNAQQ0MMDTE0xNAQQ0MMDXEfDfFFQwwNMTTE0BBDQwwNMTTE0BBDQwwNMTTE0BBDQwwNMTTEfTTEFw0xNMTQEENDDA0xNMTQEENDDA0xNMTQEENDDA0xNMTQEPfREF80xNAQQ0MMDTE0xNAQQ0MMDTE0xNAQQ0MMDTE0xNAQQ0P6+XxO/Y+dqor3OfeW5O/GYWmFcSmuyXpVpfcez7lnO51Of6aMUAt+dUAMDTE0ZPTe/XcdAF80xNAQQ0MMDTE0xNAQQ0PcR4P76N8bh6UV3EdD3EeD++hfU0aohZHEXx0AP+8ghoaM3W7nPhrgi4YYGmJoiKEhhoYYGmJoSD+dTov9qfc595bk58ZhaYVxKa7JelVlt9vFc+7Zjsfjjykj1IJfHRBDQwwNcR8N8UVDDA0xNMTQEENDDA0xNKQfj8fF/tT7nHtL8n3jsLTCuBTXZL2qMsaI59yzHQ6Hb1NGqAW/OiCGhhgaMsYY7qMBvmiIoSGGhhgaYmiIoSGGhvTD4bDYn3qfc29JbjcOSyuMS3FN1qsq+/0+nnPP9vr6+nXKCLXgVwfE0BBDQ8Z+v3cfDfBFQwwNMTTE0BBDQwwNMTSkv7y8LPan3ufcW5IvG4elFcaluCbrVZWrq6t4zj3b8/Pz5ykj1IL/fzTEzzuIoSHj+vrafTTAFw0xNMTQEENDDA0xNMTQkP709LTYn3qfc29JPm0cllYYj4+P/uoA9CS5ubmJ59yzPTw8fHzrab8H7qMhhoYYGtKSfHjrH+I98C9DiKEhhoYYGmJoiKEhhob0+/v7xf7U+5x7S7LbOCytMO7u7vzVAWlJmufc8x+/85zyNf84xgAAAABJRU5ErkJggg==","e":1}],"fonts":{"list":[{"fName":"SourceHanSansSC-Normal","fFamily":"Source Han Sans SC","fStyle":"Normal","ascent":79.608999023214}]},"layers":[{"ddd":0,"ind":1,"ty":4,"nm":"“图层 1”轮廓 2","td":1,"sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[160.08,177.473,0],"ix":2},"a":{"a":0,"k":[8.095,35.425,0],"ix":1},"s":{"a":0,"k":[300,300,100],"ix":6}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[1.244,-10.704],[-4.109,-12.458],[-0.711,-0.358],[-0.35,-0.041],[-0.041,-0.003],[-0.374,0.124],[-0.135,1.161],[0,0],[0.134,0.407],[-1.276,10.984],[-5.322,9.464],[0,0]],"o":[[-5.704,10.153],[-1.377,11.862],[0.249,0.755],[0.314,0.159],[0.041,0.005],[0.393,0.029],[1.109,-0.366],[0,0],[0.046,-0.426],[-3.832,-11.619],[1.152,-9.916],[0,0],[0,0]],"v":[[2.846,-34.399],[-7.576,-3.114],[-3.479,33.365],[-1.98,35.104],[-0.976,35.405],[-0.852,35.417],[0.31,35.274],[2.35,32.771],[2.353,32.749],[2.219,31.485],[-1.616,-2.421],[8.095,-31.491],[7.16,-35.425]],"c":true},"ix":2},"nm":"路径 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[1,1,1,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"填充 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[8.094,35.425],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"变换"}],"nm":"组 1","np":4,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":51,"st":0,"bm":0},{"ddd":0,"ind":2,"ty":2,"nm":"矩形 1624.png","cl":"png","tt":1,"refId":"image_0","sr":1,"ks":{"o":{"a":1,"k":[{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":4,"s":[0]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":6,"s":[100]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":29,"s":[100]},{"t":34,"s":[0]}],"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[170.767,290.291,0],"ix":2},"a":{"a":0,"k":[45.395,241.486,0],"ix":1},"s":{"a":1,"k":[{"i":{"x":[0.833,0.833,0.833],"y":[0.833,0.833,0.833]},"o":{"x":[0.167,0.167,0.167],"y":[0.167,0.167,0.167]},"t":1,"s":[100,10,100]},{"i":{"x":[0.833,0.833,0.833],"y":[0.833,0.833,0.833]},"o":{"x":[0.167,0.167,0.167],"y":[0.167,0.167,0.167]},"t":7,"s":[100,56,100]},{"t":12,"s":[100,100,100]}],"ix":6}},"ao":0,"ip":1,"op":52,"st":1,"bm":0},{"ddd":0,"ind":3,"ty":4,"nm":"形状图层 3","sr":1,"ks":{"o":{"a":1,"k":[{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":1,"s":[0]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":7,"s":[100]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":29,"s":[100]},{"t":34,"s":[0]}],"ix":11},"r":{"a":1,"k":[{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":1,"s":[-51]},{"t":12,"s":[0]}],"ix":10},"p":{"a":1,"k":[{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":1,"s":[157.75,279.75,0],"to":[-6.112,-21.415,0],"ti":[-5.612,39.702,0]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":7,"s":[145.538,168,0],"to":[5.612,-39.702,0],"ti":[-10.945,22.085,0]},{"t":12,"s":[174.75,77.75,0]}],"ix":2},"a":{"a":0,"k":[-75.25,-172.25,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0]],"v":[[-96.5,-181.5],[-62.25,-189],[-54,-155.5]],"c":false},"ix":2},"nm":"路径 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[1,1,1,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":18,"ix":5},"lc":2,"lj":2,"bm":0,"nm":"描边 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"变换"}],"nm":"形状 1","np":3,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":1,"op":52,"st":1,"bm":0},{"ddd":0,"ind":4,"ty":4,"nm":"形状图层 1","parent":5,"sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":20,"ix":10},"p":{"a":0,"k":[34.937,47.412,0],"ix":2},"a":{"a":0,"k":[0,0,0],"ix":1},"s":{"a":0,"k":[33.333,33.333,100],"ix":6}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":1,"k":[{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":0,"s":[{"i":[[0,0],[28.935,-6.447],[9,-5.25],[-17.25,4],[-21.26,3.424],[-12.805,-4.71],[2.25,-2.5]],"o":[[0,0],[-24.106,5.371],[-16.232,9.469],[9.485,-2.2],[33.448,-5.387],[9.5,4.25],[-2.25,2.5]],"v":[[52.75,-14.25],[-9.435,-6.803],[-56.25,10.25],[-46.25,39],[7.26,24.826],[88,19],[89,36.25]],"c":false}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":10,"s":[{"i":[[0,0],[26.479,-4.851],[8.679,-2.444],[-17.998,2.691],[-23.469,3.069],[-12.805,-4.71],[2.25,-2.5]],"o":[[0,0],[-12.46,2.283],[-15.41,4.339],[4.383,-0.655],[33.593,-4.393],[9.5,4.25],[-2.25,2.5]],"v":[[58,-15],[-7.178,-6.584],[-53.707,4.823],[-47,29.75],[0.76,22.576],[88,19],[89,36.25]],"c":false}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":15,"s":[{"i":[[0,0],[26.919,0.031],[6.044,-0.659],[-15.132,-2.622],[-23.644,1.071],[-12.805,-4.71],[2.25,-2.5]],"o":[[0,0],[-13.471,-0.016],[-14.086,1.535],[4.404,0.763],[32.111,-1.455],[9.5,4.25],[-2.25,2.5]],"v":[[54.157,-14.073],[-2.442,-8.813],[-49.103,-6.764],[-50.1,19.6],[-0.512,21.013],[88,19],[89,36.25]],"c":false}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":24,"s":[{"i":[[0,0],[26.479,-4.851],[8.679,-2.444],[-17.998,2.691],[-23.469,3.069],[-12.805,-4.71],[2.25,-2.5]],"o":[[0,0],[-12.46,2.283],[-15.41,4.339],[4.383,-0.655],[33.593,-4.393],[9.5,4.25],[-2.25,2.5]],"v":[[58,-15],[-7.178,-6.584],[-53.707,4.823],[-47,29.75],[0.76,22.576],[88,19],[89,36.25]],"c":false}]},{"t":40,"s":[{"i":[[0,0],[28.935,-6.447],[9,-5.25],[-17.25,4],[-21.26,3.424],[-12.805,-4.71],[2.25,-2.5]],"o":[[0,0],[-24.106,5.371],[-16.232,9.469],[9.485,-2.2],[33.448,-5.387],[9.5,4.25],[-2.25,2.5]],"v":[[58,-15],[-9.435,-6.803],[-56.25,10.25],[-46.25,39],[7.26,24.826],[88,19],[89,36.25]],"c":false}]}],"ix":2},"nm":"路径 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[1,1,1,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":12,"ix":5},"lc":2,"lj":2,"bm":0,"nm":"描边 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"变换"}],"nm":"形状 1","np":3,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":50,"st":0,"bm":0},{"ddd":0,"ind":5,"ty":4,"nm":"“img_hand”轮廓","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":1,"k":[{"i":{"x":[0.775],"y":[0.621]},"o":{"x":[0.333],"y":[0]},"t":0,"s":[-20]},{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.167],"y":[0]},"t":10,"s":[12]},{"t":40.0234375,"s":[-19.954]}],"ix":10},"p":{"a":0,"k":[447.982,216,0],"ix":2},"a":{"a":0,"k":[100.827,59.333,0],"ix":1},"s":{"a":0,"k":[300,300,100],"ix":6}},"ao":0,"shapes":[{"ty":"gr","it":[{"ty":"st","c":{"a":0,"k":[1,1,1,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":3,"ix":5},"lc":1,"lj":1,"ml":4,"bm":0,"nm":"描边 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"fl","c":{"a":0,"k":[1,1,1,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"填充 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"变换"}],"nm":"形状 1","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0.033,0.015],[0,0],[0.783,-0.214],[0.314,-0.792],[-0.133,-0.656],[-0.603,-0.563],[-0.587,-0.233],[0,0],[-0.073,-0.04],[-0.516,-0.842],[0.479,-1.208],[0.953,-0.502],[0,0],[0,0],[0,0],[-1.392,-0.86],[0.091,-1.641],[2.925,-1.592],[2.563,-0.334],[1.888,-0.636],[1.036,-1.094],[0.103,-0.722],[-0.26,-0.631],[-1.483,0.566],[-3.818,0.653],[-5.209,0.17],[-9.286,3.911],[0,0],[0,0],[-0.469,-0.165],[-0.024,-0.01],[0,0],[-0.206,-0.489],[0.163,-0.467],[0.01,-0.026],[0.495,-0.209],[0,0],[6.587,-0.214],[2.994,-0.511],[4.409,-1.635],[1.511,0.673],[0.629,1.524],[-0.21,1.467],[-0.98,1.035],[-2.962,0.997],[-2.561,0.334],[-1.666,0.907],[-0.117,0.852],[0.021,0.025],[0.515,0.318],[-2.348,-0.527],[0,0],[0,0],[-2.029,-0.079],[-0.168,0.089],[-0.048,0.103],[0.49,0.277],[0,0],[0.631,0.589],[0.298,1.464],[-0.637,1.605],[-1.864,0.508],[-0.535,0.015],[-0.648,1.306],[-1.813,0.428],[-1.806,-0.438],[-0.392,1.028],[-0.023,0.048],[-2.123,0.451],[-2.602,-1.082],[-0.033,-0.016],[0,0],[-0.034,-0.019],[-1.699,-3.421],[0,0],[0,0],[0.169,-0.503],[0.013,-0.032],[0.443,-0.22],[0.502,0.17],[0.033,0.013],[0.219,0.442],[0,0],[6.83,3.793],[0,0],[1.064,-0.227],[0.455,-0.915],[-0.154,-0.539],[-0.497,-0.308],[0,0],[0.408,-1.027],[1.026,0.405],[0,0],[0,0],[0.068,0.036],[0,0],[0.842,-0.198],[0.277,-0.557],[-0.093,-0.504],[-0.425,-0.402],[0,0],[0.237,-0.935],[0.032,-0.08],[0.015,-0.033],[0.934,0.237],[0.08,0.031]],"o":[[0,0],[-1.444,-0.567],[-0.577,0.157],[-0.344,0.868],[0.128,0.627],[0.263,0.245],[0,0],[0.077,0.03],[1.204,0.661],[0.679,1.108],[-0.415,1.046],[-0.842,0.444],[0,0],[0,0],[0,0],[2.121,1.31],[-0.133,2.377],[-2.104,1.145],[-2.301,0.3],[-2.333,0.785],[-0.397,0.419],[-0.107,0.745],[0.49,1.186],[4.665,-1.731],[3.174,-0.542],[6.094,-0.198],[0,0],[0,0],[0.458,-0.193],[0.024,0.009],[0,0],[0.491,0.2],[0.192,0.456],[-0.009,0.027],[-0.198,0.499],[0,0],[-9.741,4.104],[-5.028,0.164],[-3.573,0.611],[-1.873,0.715],[-1.375,-0.612],[-0.539,-1.304],[0.223,-1.562],[1.492,-1.576],[2.135,-0.719],[2.069,-0.269],[1.546,-0.841],[-0.014,-0.019],[-0.21,-0.254],[-1.135,-0.701],[1.606,0.361],[0,0],[0,0],[0.359,0.014],[0.069,-0.036],[-0.151,-0.213],[0,0],[-1.055,-0.418],[-1.228,-1.144],[-0.291,-1.433],[0.805,-2.031],[0.48,-0.13],[-0.099,-1.203],[0.833,-1.68],[1.331,-0.314],[0.031,-0.905],[0.019,-0.05],[1.024,-2.145],[1.886,-0.401],[0.034,0.014],[0,0],[0.034,0.016],[7.589,4.209],[0,0],[0,0],[0.236,0.476],[-0.012,0.033],[-0.182,0.46],[-0.475,0.236],[-0.033,-0.011],[-0.459,-0.182],[0,0],[-1.329,-2.67],[0,0],[-1.813,-0.748],[-0.816,0.173],[-0.338,0.913],[0.115,0.405],[0,0],[1.026,0.408],[-0.406,1.025],[0,0],[0,0],[-0.071,-0.028],[0,0],[-1.472,-0.43],[-0.593,0.14],[-0.357,0.721],[0.077,0.416],[0,0],[0.876,0.403],[-0.021,0.083],[-0.013,0.033],[-0.403,0.876],[-0.084,-0.021],[-0.033,-0.014]],"v":[[1.962,-13.096],[-8.76,-18.034],[-12.1,-18.564],[-13.438,-17.141],[-13.753,-14.855],[-12.658,-13.071],[-11.383,-12.354],[0.275,-7.73],[0.501,-7.625],[3.081,-5.371],[3.381,-1.898],[1.329,0.424],[-1.686,0.991],[-2.437,0.965],[-1.432,7.985],[4.895,10.726],[7.939,15.152],[3.353,21.106],[-3.648,23.325],[-9.932,24.728],[-14.984,27.546],[-15.734,29.258],[-15.503,31.322],[-12.544,32.252],[0.181,28.677],[12.755,27.609],[35.825,21.445],[35.827,21.444],[35.831,21.442],[37.273,21.398],[37.346,21.426],[37.363,21.432],[38.452,22.508],[38.497,23.942],[38.468,24.022],[37.385,25.128],[37.379,25.13],[12.887,31.607],[0.855,32.62],[-11.118,35.989],[-16.195,36.052],[-19.201,32.848],[-19.693,28.692],[-17.889,24.796],[-11.208,20.937],[-4.163,19.358],[1.439,17.593],[3.934,15.053],[3.882,14.987],[2.794,14.129],[-2.327,11.916],[-1.459,8.034],[-2.393,1.013],[-1.324,-2.997],[-0.535,-3.116],[-0.359,-3.325],[-1.32,-4.06],[-12.856,-8.636],[-15.385,-10.146],[-17.674,-14.058],[-17.156,-18.616],[-13.152,-22.424],[-11.63,-22.643],[-10.805,-26.407],[-6.835,-29.569],[-2.13,-29.383],[-1.495,-32.282],[-1.432,-32.43],[3.288,-36.324],[10.021,-35.302],[10.12,-35.257],[31.193,-25.105],[31.295,-25.052],[45.227,-13.607],[45.228,-13.604],[45.229,-13.603],[45.333,-12.075],[45.296,-11.977],[44.326,-10.922],[42.799,-10.819],[42.7,-10.855],[41.646,-11.825],[41.642,-11.833],[29.404,-21.527],[8.436,-31.629],[4.12,-32.411],[2.213,-30.778],[1.936,-28.6],[2.854,-27.53],[8.822,-25.163],[9.944,-22.566],[7.352,-21.443],[7.348,-21.444],[1.316,-23.823],[1.107,-23.919],[-2.447,-25.328],[-5.917,-25.676],[-7.222,-24.63],[-7.62,-22.792],[-6.867,-21.566],[3.635,-16.729],[4.737,-14.42],[4.658,-14.175],[4.615,-14.076],[2.307,-12.974],[2.061,-13.053]],"c":true},"ix":2},"nm":"路径 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[1,1,1,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"填充 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[55.39,50.134],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"变换"}],"nm":"组 1","np":2,"cix":2,"bm":0,"ix":2,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":50,"st":0,"bm":0},{"ddd":0,"ind":6,"ty":5,"nm":"上滑查看更多视频","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[249.5,409.099,0],"ix":2},"a":{"a":0,"k":[4.786,-22.901,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6}},"ao":0,"t":{"d":{"k":[{"s":{"s":60,"f":"SourceHanSansSC-Normal","t":"上滑查看更多视频","j":2,"tr":0,"lh":72,"ls":0,"fc":[1,1,1],"sc":[0,0,0],"sw":0.00999999977648,"of":true},"t":0}]},"p":{},"m":{"g":1,"a":{"a":0,"k":[0,0],"ix":2}},"a":[]},"ip":0,"op":50,"st":0,"bm":0}],"markers":[{"tm":1,"cm":"{\n\t\"exportFlag\":\t1,\n\t\"storePath\":\t\"/Users/changkang/Downloads/中文版动效/动效导出最终版本的/动效\"\n}","dr":0}],"chars":[{"ch":"上","size":60,"style":"Normal","w":100,"data":{"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[43.405,-82.883],[43.405,-3.625],[5.338,-3.625],[5.338,3.122],[95.471,3.122],[95.471,-3.625],[50.455,-3.625],[50.455,-44.614],[88.623,-44.614],[88.623,-51.361],[50.455,-51.361],[50.455,-82.883]],"c":true},"ix":2},"nm":"上","mn":"ADBE Vector Shape - Group","hd":false}],"nm":"上","np":3,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}]},"fFamily":"Source Han Sans SC"},{"ch":"滑","size":60,"style":"Normal","w":100,"data":{"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[-3.928,-3.726],[0,0],[6.143,3.625]],"o":[[6.244,3.827],[0,0],[-3.928,-3.525],[0,0]],"v":[[9.467,-78.653],[27.594,-65.359],[31.924,-70.496],[13.696,-82.983]],"c":true},"ix":2},"nm":"滑","mn":"ADBE Vector Shape - Group","hd":false},{"ind":1,"ty":"sh","ix":2,"ks":{"a":0,"k":{"i":[[0,0],[-3.827,-3.122],[0,0],[5.74,2.921]],"o":[[5.841,3.122],[0,0],[-3.928,-3.122],[0,0]],"v":[[4.33,-50.656],[21.552,-39.679],[25.58,-44.916],[8.258,-55.389]],"c":true},"ix":2},"nm":"滑","mn":"ADBE Vector Shape - Group","hd":false},{"ind":2,"ty":"sh","ix":3,"ks":{"a":0,"k":{"i":[[4.633,-7.553],[0,0],[-4.431,10.272],[0,0]],"o":[[0,0],[5.035,-9.164],[0,0],[-4.935,11.078]],"v":[[7.755,1.913],[13.596,6.244],[29.105,-25.681],[23.868,-29.81]],"c":true},"ix":2},"nm":"滑","mn":"ADBE Vector Shape - Group","hd":false},{"ind":3,"ty":"sh","ix":4,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[45.923,-22.055],[79.156,-22.055],[79.156,-14.2],[45.923,-14.2]],"c":true},"ix":2},"nm":"滑","mn":"ADBE Vector Shape - Group","hd":false},{"ind":4,"ty":"sh","ix":5,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[45.923,-27.191],[45.923,-34.845],[79.156,-34.845],[79.156,-27.191]],"c":true},"ix":2},"nm":"滑","mn":"ADBE Vector Shape - Group","hd":false},{"ind":5,"ty":"sh","ix":6,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[1.41,0],[5.237,0.201],[-0.302,-1.511],[-2.618,1.007],[0,3.525],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,1.309],[-1.41,0.101],[0.806,1.611],[7.251,0],[2.618,-0.906],[0,0],[0,0]],"v":[[39.679,-40.384],[39.679,7.855],[45.923,7.855],[45.923,-9.164],[79.156,-9.164],[79.156,0.806],[77.344,2.518],[65.863,2.417],[67.776,7.956],[82.178,6.949],[85.602,0.806],[85.602,-40.384]],"c":true},"ix":2},"nm":"滑","mn":"ADBE Vector Shape - Group","hd":false},{"ind":6,"ty":"sh","ix":7,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[40.384,-80.667],[40.384,-53.476],[29.709,-53.476],[29.709,-36.658],[35.953,-36.658],[35.953,-47.836],[89.227,-47.836],[89.227,-36.658],[95.773,-36.658],[95.773,-53.476],[84.998,-53.476],[84.998,-80.667]],"c":true},"ix":2},"nm":"滑","mn":"ADBE Vector Shape - Group","hd":false},{"ind":7,"ty":"sh","ix":8,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[46.628,-53.476],[46.628,-63.144],[61.029,-63.144],[61.029,-53.476]],"c":true},"ix":2},"nm":"滑","mn":"ADBE Vector Shape - Group","hd":false},{"ind":8,"ty":"sh","ix":9,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[78.653,-53.476],[66.769,-53.476],[66.769,-67.978],[46.628,-67.978],[46.628,-75.229],[78.653,-75.229]],"c":true},"ix":2},"nm":"滑","mn":"ADBE Vector Shape - Group","hd":false}],"nm":"滑","np":12,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}]},"fFamily":"Source Han Sans SC"},{"ch":"查","size":60,"style":"Normal","w":100,"data":{"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[29.205,-21.854],[71.201,-21.854],[71.201,-12.891],[29.205,-12.891]],"c":true},"ix":2},"nm":"查","mn":"ADBE Vector Shape - Group","hd":false},{"ind":1,"ty":"sh","ix":2,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[29.205,-35.55],[71.201,-35.55],[71.201,-26.688],[29.205,-26.688]],"c":true},"ix":2},"nm":"查","mn":"ADBE Vector Shape - Group","hd":false},{"ind":2,"ty":"sh","ix":3,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[22.559,-40.585],[22.559,-7.855],[78.149,-7.855],[78.149,-40.585]],"c":true},"ix":2},"nm":"查","mn":"ADBE Vector Shape - Group","hd":false},{"ind":3,"ty":"sh","ix":4,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[7.654,-1.511],[7.654,4.532],[93.457,4.532],[93.457,-1.511]],"c":true},"ix":2},"nm":"查","mn":"ADBE Vector Shape - Group","hd":false},{"ind":4,"ty":"sh","ix":5,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0],[0,0],[12.589,-4.33],[-1.007,-1.611],[-9.265,12.085],[0,0],[0,0],[0,0],[-14.099,-5.237],[-1.611,1.208],[8.862,9.467],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[-8.862,9.769],[1.41,1.309],[13.797,-5.539],[0,0],[0,0],[0,0],[9.366,11.884],[0.906,-1.712],[-12.991,-4.129],[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[46.729,-84.494],[46.729,-71.301],[5.841,-71.301],[5.841,-65.359],[39.175,-65.359],[3.827,-42.197],[8.258,-36.758],[46.729,-65.259],[46.729,-43.707],[53.476,-43.707],[53.476,-65.359],[92.45,-37.564],[96.982,-43.103],[60.928,-65.359],[95.068,-65.359],[95.068,-71.301],[53.476,-71.301],[53.476,-84.494]],"c":true},"ix":2},"nm":"查","mn":"ADBE Vector Shape - Group","hd":false}],"nm":"查","np":8,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}]},"fFamily":"Source Han Sans SC"},{"ch":"看","size":60,"style":"Normal","w":100,"data":{"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[32.73,-21.854],[78.049,-21.854],[78.049,-14.301],[32.73,-14.301]],"c":true},"ix":2},"nm":"看","mn":"ADBE Vector Shape - Group","hd":false},{"ind":1,"ty":"sh","ix":2,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[32.73,-26.788],[32.73,-34.14],[78.049,-34.14],[78.049,-26.788]],"c":true},"ix":2},"nm":"看","mn":"ADBE Vector Shape - Group","hd":false},{"ind":2,"ty":"sh","ix":3,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[32.73,-9.467],[78.049,-9.467],[78.049,-1.511],[32.73,-1.511]],"c":true},"ix":2},"nm":"看","mn":"ADBE Vector Shape - Group","hd":false},{"ind":3,"ty":"sh","ix":4,"ks":{"a":0,"k":{"i":[[0,0],[24.573,-0.201],[-0.201,-1.611],[-9.567,0.403],[0.906,-2.518],[0,0],[0,0],[0,0],[1.41,-2.618],[0,0],[0,0],[0,0],[11.581,-6.647],[-0.906,-1.41],[-5.237,5.942],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[-1.41,2.618],[0,0],[0,0],[0,0],[-1.108,2.719],[0,0],[0,0],[0,0],[-0.806,2.618],[-10.071,2.115]],"o":[[-15.912,3.424],[0.705,1.511],[8.862,0],[-0.705,2.518],[0,0],[0,0],[0,0],[-1.108,2.719],[0,0],[0,0],[0,0],[-6.445,10.876],[1.41,1.309],[7.15,-4.23],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[1.611,-2.417],[0,0],[0,0],[0,0],[1.208,-2.618],[0,0],[0,0],[0,0],[0.906,-2.618],[14.603,-0.906],[0,0]],"v":[[83.286,-83.588],[11.884,-78.452],[13.394,-73.114],[41.492,-73.819],[39.175,-66.367],[13.394,-66.367],[13.394,-60.928],[37.161,-60.928],[33.435,-52.771],[5.942,-52.771],[5.942,-47.131],[30.313,-47.131],[3.525,-20.142],[7.855,-14.905],[26.285,-30.313],[26.285,8.057],[32.73,8.057],[32.73,4.028],[78.049,4.028],[78.049,8.057],[84.695,8.057],[84.695,-39.578],[33.435,-39.578],[38.068,-47.131],[94.766,-47.131],[94.766,-52.771],[40.988,-52.771],[44.513,-60.928],[88.824,-60.928],[88.824,-66.367],[46.527,-66.367],[49.045,-74.222],[87.717,-78.653]],"c":true},"ix":2},"nm":"看","mn":"ADBE Vector Shape - Group","hd":false}],"nm":"看","np":7,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}]},"fFamily":"Source Han Sans SC"},{"ch":"更","size":60,"style":"Normal","w":100,"data":{"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[3.424,5.539],[0,0],[-5.136,-3.827],[12.387,-2.417],[-0.806,-1.511],[-6.747,4.532],[-23.666,-1.007],[-1.309,1.611],[12.991,6.143],[-1.309,6.345],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[4.935,-4.23]],"o":[[0,0],[3.525,6.042],[-6.244,3.625],[1.511,1.611],[13.394,-2.921],[13.797,7.452],[0.302,-2.216],[-22.961,-0.705],[5.539,-5.237],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[-1.208,5.136],[-5.035,-3.424]],"v":[[25.177,-24.17],[19.437,-21.854],[32.327,-7.15],[4.834,2.014],[8.862,7.956],[38.47,-3.223],[94.464,7.654],[97.385,1.007],[43.909,-7.553],[53.375,-25.177],[87.817,-25.177],[87.817,-63.849],[54.382,-63.849],[54.382,-72.711],[94.061,-72.711],[94.061,-78.854],[6.546,-78.854],[6.546,-72.711],[47.433,-72.711],[47.433,-63.849],[15.912,-63.849],[15.912,-25.177],[46.326,-25.177],[37.766,-10.977]],"c":true},"ix":2},"nm":"更","mn":"ADBE Vector Shape - Group","hd":false},{"ind":1,"ty":"sh","ix":2,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0.101,-2.216],[0,0]],"o":[[0,0],[0,0],[0,2.216],[0,0],[0,0]],"v":[[22.357,-41.794],[47.433,-41.794],[47.433,-37.564],[47.232,-30.917],[22.357,-30.917]],"c":true},"ix":2},"nm":"更","mn":"ADBE Vector Shape - Group","hd":false},{"ind":2,"ty":"sh","ix":3,"ks":{"a":0,"k":{"i":[[0,0],[0,2.216],[0,0],[0,0],[0,0]],"o":[[0.101,-2.216],[0,0],[0,0],[0,0],[0,0]],"v":[[54.181,-30.917],[54.382,-37.564],[54.382,-41.794],[81.07,-41.794],[81.07,-30.917]],"c":true},"ix":2},"nm":"更","mn":"ADBE Vector Shape - Group","hd":false},{"ind":3,"ty":"sh","ix":4,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[22.357,-58.109],[47.433,-58.109],[47.433,-47.333],[22.357,-47.333]],"c":true},"ix":2},"nm":"更","mn":"ADBE Vector Shape - Group","hd":false},{"ind":4,"ty":"sh","ix":5,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[54.382,-58.109],[81.07,-58.109],[81.07,-47.333],[54.382,-47.333]],"c":true},"ix":2},"nm":"更","mn":"ADBE Vector Shape - Group","hd":false}],"nm":"更","np":8,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}]},"fFamily":"Source Han Sans SC"},{"ch":"多","size":60,"style":"Normal","w":100,"data":{"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[16.214,-6.848],[-1.007,-1.611],[-6.647,5.438],[0,0],[8.157,-4.834],[4.532,2.518],[0,0],[-3.424,-3.021],[11.38,-2.014],[-0.705,-1.813],[-12.891,22.357],[0,0],[0,0],[0,0],[-2.014,2.518]],"o":[[-6.345,8.459],[1.511,1.108],[9.265,-4.431],[0,0],[-5.136,6.546],[-3.625,-3.122],[0,0],[4.129,2.417],[-10.977,5.539],[1.208,1.41],[25.681,-5.438],[0,0],[0,0],[0,0],[2.518,-2.417],[0,0]],"v":[[46.326,-84.595],[11.581,-59.216],[16.214,-54.382],[40.082,-69.388],[69.287,-69.388],[48.743,-52.267],[35.248,-61.533],[30.414,-58.008],[42.801,-49.146],[8.157,-37.665],[11.481,-31.622],[79.66,-73.114],[75.33,-75.833],[73.92,-75.531],[46.93,-75.531],[53.778,-82.983]],"c":true},"ix":2},"nm":"多","mn":"ADBE Vector Shape - Group","hd":false},{"ind":1,"ty":"sh","ix":2,"ks":{"a":0,"k":{"i":[[0,0],[20.444,-7.452],[-0.906,-1.611],[-8.359,6.949],[0,0],[9.064,-5.136],[4.23,2.921],[0,0],[-3.323,-3.424],[17.322,-1.712],[-0.403,-1.913],[-14.099,29.709],[0,0],[0,0],[0,0],[-2.014,2.618]],"o":[[-7.352,10.071],[1.511,1.309],[12.79,-5.136],[0,0],[-5.136,8.258],[-3.525,-3.424],[0,0],[4.028,3.021],[-14.301,6.747],[1.108,1.611],[35.248,-4.23],[0,0],[0,0],[0,0],[2.518,-2.518],[0,0]],"v":[[62.741,-49.649],[20.444,-20.746],[24.774,-15.61],[56.598,-34.14],[84.796,-34.14],[63.144,-14.099],[50.253,-24.573],[44.714,-21.35],[56.9,-10.776],[7.956,1.511],[10.776,8.057],[94.867,-37.866],[90.436,-40.686],[89.127,-40.283],[63.345,-40.283],[70.193,-48.038]],"c":true},"ix":2},"nm":"多","mn":"ADBE Vector Shape - Group","hd":false}],"nm":"多","np":5,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}]},"fFamily":"Source Han Sans SC"},{"ch":"视","size":60,"style":"Normal","w":100,"data":{"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[45.721,-79.459],[45.721,-25.882],[52.167,-25.882],[52.167,-73.416],[84.192,-73.416],[84.192,-25.882],[90.939,-25.882],[90.939,-79.459]],"c":true},"ix":2},"nm":"视","mn":"ADBE Vector Shape - Group","hd":false},{"ind":1,"ty":"sh","ix":2,"ks":{"a":0,"k":{"i":[[0,0],[-1.813,-3.726],[0,0],[3.928,3.726]],"o":[[3.726,3.928],[0,0],[-1.813,-3.625],[0,0]],"v":[[15.912,-81.171],[25.378,-67.978],[30.817,-71.603],[21.048,-84.192]],"c":true},"ix":2},"nm":"视","mn":"ADBE Vector Shape - Group","hd":false},{"ind":2,"ty":"sh","ix":3,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[25.378,-13.193],[-0.705,-1.41],[-3.827,11.38],[0,0],[-6.647,0],[0,0],[-0.906,15.811],[1.712,1.41],[3.726,0],[0,0],[0,2.921],[0,0],[0,0],[0,5.438],[0,0]],"o":[[0,0],[0,15.811],[1.41,1.108],[15.811,-8.258],[0,0],[0,6.445],[0,0],[8.459,0],[-1.813,-0.403],[-0.504,14.603],[0,0],[-3.021,0],[0,0],[0,0],[1.41,-5.942],[0,0],[0,0]],"v":[[64.453,-65.561],[64.453,-45.218],[35.953,2.921],[40.182,7.956],[67.676,-22.861],[67.676,-1.813],[76.941,6.345],[86.508,6.345],[96.982,-13.495],[91.241,-16.214],[86.609,1.108],[77.847,1.108],[74.02,-2.518],[74.02,-27.795],[69.086,-27.795],[70.898,-45.016],[70.898,-65.561]],"c":true},"ix":2},"nm":"视","mn":"ADBE Vector Shape - Group","hd":false},{"ind":3,"ty":"sh","ix":4,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[10.474,-7.251],[-0.604,-1.913],[-4.028,4.431],[0,0],[0,0],[0,0],[-2.115,-3.122],[0,0],[3.827,4.028],[-2.82,7.855],[0,0],[0,0]],"o":[[0,0],[0,0],[-6.042,13.092],[1.108,1.208],[4.028,-3.021],[0,0],[0,0],[0,0],[3.726,4.633],[0,0],[-1.913,-2.216],[4.935,-6.949],[0,0],[0,0],[0,0]],"v":[[6.546,-67.072],[6.546,-60.828],[31.622,-60.828],[4.129,-27.594],[7.452,-21.149],[19.638,-32.428],[19.638,7.855],[25.983,7.855],[25.983,-36.356],[36.456,-22.458],[40.787,-27.896],[27.795,-42.499],[39.78,-64.856],[36.154,-67.273],[34.946,-67.072]],"c":true},"ix":2},"nm":"视","mn":"ADBE Vector Shape - Group","hd":false}],"nm":"视","np":7,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}]},"fFamily":"Source Han Sans SC"},{"ch":"频","size":60,"style":"Normal","w":100,"data":{"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[24.573,-6.647],[-0.504,-1.41],[-0.302,37.766]],"o":[[-0.302,35.751],[1.208,1.208],[26.184,-7.452],[0,0]],"v":[[70.898,-50.958],[44.916,3.323],[48.239,8.157],[76.639,-50.958]],"c":true},"ix":2},"nm":"频","mn":"ADBE Vector Shape - Group","hd":false},{"ind":1,"ty":"sh","ix":2,"ks":{"a":0,"k":{"i":[[0,0],[-4.23,-4.532],[0,0],[6.848,4.834]],"o":[[6.848,5.035],[0,0],[-4.33,-4.431],[0,0]],"v":[[73.416,-8.661],[93.155,8.157],[97.284,3.726],[77.243,-12.488]],"c":true},"ix":2},"nm":"频","mn":"ADBE Vector Shape - Group","hd":false},{"ind":2,"ty":"sh","ix":3,"ks":{"a":0,"k":{"i":[[0,0],[21.249,-6.949],[-0.806,-1.712],[-5.539,22.458]],"o":[[-5.237,20.847],[1.309,1.41],[22.458,-8.157],[0,0]],"v":[[43.506,-38.873],[5.338,3.021],[8.963,8.258],[49.347,-37.463]],"c":true},"ix":2},"nm":"频","mn":"ADBE Vector Shape - Group","hd":false},{"ind":3,"ty":"sh","ix":4,"ks":{"a":0,"k":{"i":[[0,0],[4.33,-5.237],[-1.108,-0.906],[-2.316,8.258]],"o":[[-2.115,7.452],[1.511,0.806],[4.33,-5.539],[0,0]],"v":[[13.898,-39.88],[4.028,-19.638],[9.064,-16.415],[19.638,-38.672]],"c":true},"ix":2},"nm":"频","mn":"ADBE Vector Shape - Group","hd":false},{"ind":4,"ty":"sh","ix":5,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[-1.41,3.726],[0,0],[0,0],[0,0],[0,0],[0,0],[1.41,-3.223]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[1.309,-3.323],[0,0],[0,0],[0,0],[0,0],[0,0],[-1.007,3.525],[0,0]],"v":[[54.886,-61.432],[54.886,-13.898],[60.727,-13.898],[60.727,-55.994],[86.407,-55.994],[86.407,-13.998],[92.551,-13.998],[92.551,-61.432],[74.222,-61.432],[78.351,-72.409],[95.572,-72.409],[95.572,-78.452],[52.267,-78.452],[52.267,-72.409],[71.805,-72.409],[67.978,-61.432]],"c":true},"ix":2},"nm":"频","mn":"ADBE Vector Shape - Group","hd":false},{"ind":5,"ty":"sh","ix":6,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[11.884,-75.632],[11.884,-52.872],[4.129,-52.872],[4.129,-46.729],[25.378,-46.729],[25.378,-16.113],[31.522,-16.113],[31.522,-46.729],[50.555,-46.729],[50.555,-52.872],[33.234,-52.872],[33.234,-65.863],[48.138,-65.863],[48.138,-71.603],[33.234,-71.603],[33.234,-84.494],[27.09,-84.494],[27.09,-52.872],[17.624,-52.872],[17.624,-75.632]],"c":true},"ix":2},"nm":"频","mn":"ADBE Vector Shape - Group","hd":false}],"nm":"频","np":9,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}]},"fFamily":"Source Han Sans SC"}]} |
-
Please register or login to post a comment