developOne / harmonyPool

Go to a project
Toggle navigation Toggle navigation pinning
yuzhilin
b593819c 1 parent 73de24ee

频道订阅弹窗 tab切换联动

Inline Side-by-side
Showing 6 changed files with 1615 additions and 23 deletions
@@ -11,7 +11,7 @@ const LOCAL_CHANNEL: string = '地方频道' @@ -11,7 +11,7 @@ const LOCAL_CHANNEL: string = '地方频道'
11 11
12 @CustomDialog 12 @CustomDialog
13 struct ChannelDialog { 13 struct ChannelDialog {
14 - @State indexSettingTabIndex: number = 1 14 + @State indexSettingTabIndex: number = 0
15 @State isEditIng: boolean = false 15 @State isEditIng: boolean = false
16 @Link currentTopNavSelectedIndex: number 16 @Link currentTopNavSelectedIndex: number
17 @Link myChannelList: TopNavDTO[] 17 @Link myChannelList: TopNavDTO[]
@@ -19,6 +19,7 @@ struct ChannelDialog { @@ -19,6 +19,7 @@ struct ChannelDialog {
19 @Link localChannelList: TopNavDTO[] 19 @Link localChannelList: TopNavDTO[]
20 @Link indexSettingArray: string[] 20 @Link indexSettingArray: string[]
21 controller?: CustomDialogController 21 controller?: CustomDialogController
  22 + confirm: (index: number) => void = () => {}
22 myChannelItemEditHandle = (index: number): void => { 23 myChannelItemEditHandle = (index: number): void => {
23 let item = this.myChannelList.splice(index, 1)[0] 24 let item = this.myChannelList.splice(index, 1)[0]
24 if (item.moreChannel === '1') { 25 if (item.moreChannel === '1') {
@@ -43,7 +44,7 @@ struct ChannelDialog { @@ -43,7 +44,7 @@ struct ChannelDialog {
43 }) 44 })
44 } 45 }
45 .width('100%') 46 .width('100%')
46 - .margin({ top: 30, bottom: 10 }) 47 + .padding({ top: 30, bottom: 10 })
47 48
48 List() { 49 List() {
49 50
@@ -66,16 +67,30 @@ struct ChannelDialog { @@ -66,16 +67,30 @@ struct ChannelDialog {
66 ListItem() { 67 ListItem() {
67 Flex({ justifyContent: FlexAlign.SpaceBetween }) { 68 Flex({ justifyContent: FlexAlign.SpaceBetween }) {
68 ForEach(this.indexSettingArray, (text: string, index: number) => { 69 ForEach(this.indexSettingArray, (text: string, index: number) => {
69 - Button(text, { type: ButtonType.Normal, stateEffect: false })  
70 - .width('48%')  
71 - .borderRadius(2)  
72 - .fontColor(index === this.indexSettingTabIndex ? '#ffffff' : '#ED2800')  
73 - .fontSize(16)  
74 - .fontWeight(400)  
75 - .backgroundColor(index === this.indexSettingTabIndex ? '#ED2800' : '#FDE9E5')  
76 - .onClick(() => {  
77 - this.indexSettingTabIndex = index  
78 - }) 70 + Stack() {
  71 + Image(this.indexSettingTabIndex === index ? $r('app.media.index_setting_button_active') : $r('app.media.index_setting_button'))
  72 + .objectFit(ImageFit.Auto)
  73 + .rotate({
  74 + angle: index === 1 ? 180 : 0
  75 + })
  76 + Row() {
  77 + if (index === 0) {
  78 + Image(this.indexSettingTabIndex === index ? $r('app.media.recommend_icon') : $r('app.media.recommend_icon_active'))
  79 + .width(20)
  80 + }
  81 + Text(text)
  82 + .textAlign(TextAlign.Center)
  83 + .fontSize(16)
  84 + .fontColor(index === this.indexSettingTabIndex ? '#ffffff' : '#ED2800')
  85 + }
  86 + .width('100%')
  87 + .justifyContent(FlexAlign.Center)
  88 + }
  89 + .alignContent(Alignment.Start)
  90 + .height(36)
  91 + .onClick(() => {
  92 + this.indexSettingTabIndex = index
  93 + })
79 }) 94 })
80 } 95 }
81 .height(36) 96 .height(36)
@@ -99,14 +114,15 @@ struct ChannelDialog { @@ -99,14 +114,15 @@ struct ChannelDialog {
99 .margin({ bottom: 12 }) 114 .margin({ bottom: 12 })
100 } 115 }
101 116
  117 + // 我的频道列表
102 ListItem() { 118 ListItem() {
103 - GridRow({ columns: 4, gutter: 10 }) { 119 + Grid() {
104 ForEach(this.myChannelList, (item: TopNavDTO, index: number) => { 120 ForEach(this.myChannelList, (item: TopNavDTO, index: number) => {
105 - GridCol() { 121 + GridItem() {
106 Row() { 122 Row() {
107 Text(item.name) 123 Text(item.name)
108 .fontSize(14) 124 .fontSize(14)
109 - .fontColor(this.currentTopNavSelectedIndex === index ? '#ED2800' : (item.homeChannel === '1' ? '#999999' : '#222222')) 125 + .fontColor(this.currentTopNavSelectedIndex === index ? '#ED2800' : (item.homeChannel === '1' || item.movePermitted === 0 ? '#999999' : '#222222'))
110 126
111 if (this.isEditIng && item.myChannel !== '1') { 127 if (this.isEditIng && item.myChannel !== '1') {
112 Image($r('app.media.icon_audio_close')) 128 Image($r('app.media.icon_audio_close'))
@@ -117,19 +133,20 @@ struct ChannelDialog { @@ -117,19 +133,20 @@ struct ChannelDialog {
117 .width('100%') 133 .width('100%')
118 .height('100%') 134 .height('100%')
119 .justifyContent(FlexAlign.Center) 135 .justifyContent(FlexAlign.Center)
120 - .backgroundColor(item.homeChannel === '1' ? '#F5F5F5' : '') 136 + .backgroundColor(item.homeChannel === '1' || item.movePermitted === 0 ? '#F5F5F5' : '')
121 .onClick(() => { 137 .onClick(() => {
122 if (this.isEditIng) { 138 if (this.isEditIng) {
123 if (item.myChannel !== '1') { 139 if (item.myChannel !== '1') {
124 this.myChannelItemEditHandle(index) 140 this.myChannelItemEditHandle(index)
125 } 141 }
126 } else { 142 } else {
  143 + this.confirm(index)
127 this.currentTopNavSelectedIndex = index 144 this.currentTopNavSelectedIndex = index
128 this.controller?.close() 145 this.controller?.close()
129 } 146 }
130 }) 147 })
131 } 148 }
132 - .width(80) 149 + .width('23%')
133 .height(40) 150 .height(40)
134 .border({ 151 .border({
135 width: item.homeChannel === '1' ? 0 : 1, 152 width: item.homeChannel === '1' ? 0 : 1,
@@ -140,8 +157,11 @@ struct ChannelDialog { @@ -140,8 +157,11 @@ struct ChannelDialog {
140 } 157 }
141 .width('100%') 158 .width('100%')
142 .margin({ bottom: 24 }) 159 .margin({ bottom: 24 })
  160 + .columnsGap(8)
  161 + .rowsGap(8)
143 } 162 }
144 163
  164 + //更多频道列表
145 ListItem() { 165 ListItem() {
146 Column() { 166 Column() {
147 if (this.moreChannelList.length > 0) { 167 if (this.moreChannelList.length > 0) {
@@ -185,6 +205,7 @@ struct ChannelDialog { @@ -185,6 +205,7 @@ struct ChannelDialog {
185 .width('100%') 205 .width('100%')
186 } 206 }
187 207
  208 + //本地频道列表
188 ListItem() { 209 ListItem() {
189 Column() { 210 Column() {
190 if (this.localChannelList.length > 0) { 211 if (this.localChannelList.length > 0) {
@@ -230,13 +251,15 @@ struct ChannelDialog { @@ -230,13 +251,15 @@ struct ChannelDialog {
230 }.width('100%').height('100%') 251 }.width('100%').height('100%')
231 252
232 } 253 }
233 - .padding(16) 254 + .padding(15)
234 .backgroundColor('#ffffff') 255 .backgroundColor('#ffffff')
235 } 256 }
236 } 257 }
237 258
  259 +// @Entry
238 @Component 260 @Component
239 struct ChannelSubscriptionLayout { 261 struct ChannelSubscriptionLayout {
  262 + changeTab: (index: number) => void = ()=>{}
240 @State indexSettingArray: string [] = ['推荐', '热点'] 263 @State indexSettingArray: string [] = ['推荐', '热点']
241 //当前选中的频道 264 //当前选中的频道
242 @Link currentTopNavSelectedIndex: number; 265 @Link currentTopNavSelectedIndex: number;
@@ -244,20 +267,1582 @@ struct ChannelSubscriptionLayout { @@ -244,20 +267,1582 @@ struct ChannelSubscriptionLayout {
244 @Link moreChannelList: TopNavDTO [] 267 @Link moreChannelList: TopNavDTO []
245 @Link localChannelList: TopNavDTO [] 268 @Link localChannelList: TopNavDTO []
246 269
  270 + onAccept = (index: number)=> {
  271 + console.log(`onAccept${index}`)
  272 + this.changeTab(index)
  273 + }
  274 +
  275 + // @State currentTopNavSelectedIndex: number = 0
  276 + // @State topNavList: TopNavDTO [] = [
  277 + // {
  278 + // channelId: 2001,
  279 + // channelStrategy: 1,
  280 + // channelStyle: 2,
  281 + // channelType: 1,
  282 + // defaultPermitted: 1,
  283 + // delPermitted: 0,
  284 + // fontCColor: "#FFFFFF",
  285 + // fontColor: "#F9AB99",
  286 + // headlinesOn: 0,
  287 + // homeChannel: "0",
  288 + // iconCUrl: "",
  289 + // iconCUrlSize: "",
  290 + // iconUrl: "",
  291 + // iconUrlSize: "",
  292 + // localChannel: "0",
  293 + // moreChannel: "0",
  294 + // movePermitted: 0,
  295 + // myChannel: "0",
  296 + // name: "推荐",
  297 + // num: 1,
  298 + // pageId: 20011,
  299 + // pageType: "",
  300 + // underlineCColor: ""
  301 + // },
  302 + // {
  303 + // channelId: 2002,
  304 + // channelStrategy: 2,
  305 + // channelStyle: 2,
  306 + // channelType: 1,
  307 + // defaultPermitted: 1,
  308 + // delPermitted: 0,
  309 + // fontCColor: "#FFFFFF",
  310 + // fontColor: "#F9AB99",
  311 + // headlinesOn: 0,
  312 + // homeChannel: "0",
  313 + // iconCUrl: "",
  314 + // iconCUrlSize: "",
  315 + // iconUrl: "",
  316 + // iconUrlSize: "",
  317 + // localChannel: "0",
  318 + // moreChannel: "0",
  319 + // movePermitted: 0,
  320 + // myChannel: "0",
  321 + // name: "热点",
  322 + // num: 2,
  323 + // pageId: 20012,
  324 + // pageType: "",
  325 + // underlineCColor: ""
  326 + // },
  327 + // {
  328 + // channelId: 2003,
  329 + // channelStrategy: 2,
  330 + // channelStyle: 2,
  331 + // channelType: 1,
  332 + // defaultPermitted: 0,
  333 + // delPermitted: 0,
  334 + // fontCColor: "#FFFFFF",
  335 + // fontColor: "#F9AB99",
  336 + // headlinesOn: 0,
  337 + // homeChannel: "0",
  338 + // iconCUrl: "",
  339 + // iconCUrlSize: "",
  340 + // iconUrl: "",
  341 + // iconUrlSize: "",
  342 + // localChannel: "0",
  343 + // moreChannel: "0",
  344 + // movePermitted: 1,
  345 + // myChannel: "0",
  346 + // name: "锐评",
  347 + // num: 3,
  348 + // pageId: 20013,
  349 + // pageType: "",
  350 + // underlineCColor: ""
  351 + // },
  352 + // {
  353 + // channelId: 2066,
  354 + // channelStrategy: 2,
  355 + // channelStyle: 3,
  356 + // channelType: 1,
  357 + // defaultPermitted: 0,
  358 + // delPermitted: 1,
  359 + // fontCColor: "#FFFFFF",
  360 + // fontColor: "#F9AB99",
  361 + // headlinesOn: 0,
  362 + // homeChannel: "0",
  363 + // iconCUrl: "",
  364 + // iconCUrlSize: "",
  365 + // iconUrl: "",
  366 + // iconUrlSize: "",
  367 + // localChannel: "0",
  368 + // moreChannel: "0",
  369 + // movePermitted: 1,
  370 + // myChannel: "0",
  371 + // name: "播报",
  372 + // num: 4,
  373 + // pageId: 21003,
  374 + // pageType: "",
  375 + // underlineCColor: ""
  376 + // },
  377 + // {
  378 + // channelId: 2006,
  379 + // channelStrategy: 2,
  380 + // channelStyle: 3,
  381 + // channelType: 1,
  382 + // defaultPermitted: 0,
  383 + // delPermitted: 0,
  384 + // fontCColor: "#FFFFFF",
  385 + // fontColor: "#F9AB99",
  386 + // headlinesOn: 0,
  387 + // homeChannel: "0",
  388 + // iconCUrl: "",
  389 + // iconCUrlSize: "",
  390 + // iconUrl: "",
  391 + // iconUrlSize: "",
  392 + // localChannel: "0",
  393 + // moreChannel: "0",
  394 + // movePermitted: 1,
  395 + // myChannel: "0",
  396 + // name: "版面",
  397 + // num: 5,
  398 + // pageId: 20016,
  399 + // pageType: "",
  400 + // underlineCColor: ""
  401 + // },
  402 + // {
  403 + // channelId: 2011,
  404 + // channelStrategy: 2,
  405 + // channelStyle: 2,
  406 + // channelType: 1,
  407 + // defaultPermitted: 0,
  408 + // delPermitted: 1,
  409 + // fontCColor: "#FFFFFF",
  410 + // fontColor: "#F9AB99",
  411 + // headlinesOn: 0,
  412 + // homeChannel: "0",
  413 + // iconCUrl: "",
  414 + // iconCUrlSize: "",
  415 + // iconUrl: "",
  416 + // iconUrlSize: "",
  417 + // localChannel: "0",
  418 + // moreChannel: "0",
  419 + // movePermitted: 1,
  420 + // myChannel: "0",
  421 + // name: "体育",
  422 + // num: 6,
  423 + // pageId: 20021,
  424 + // pageType: "",
  425 + // underlineCColor: ""
  426 + // },
  427 + // {
  428 + // channelId: 2020,
  429 + // channelStrategy: 1,
  430 + // channelStyle: 2,
  431 + // channelType: 1,
  432 + // defaultPermitted: 0,
  433 + // delPermitted: 1,
  434 + // fontCColor: "#FFFFFF",
  435 + // fontColor: "#F9AB99",
  436 + // headlinesOn: 0,
  437 + // homeChannel: "0",
  438 + // iconCUrl: "",
  439 + // iconCUrlSize: "",
  440 + // iconUrl: "",
  441 + // iconUrlSize: "",
  442 + // localChannel: "0",
  443 + // moreChannel: "0",
  444 + // movePermitted: 1,
  445 + // myChannel: "0",
  446 + // name: "国际",
  447 + // num: 7,
  448 + // pageId: 20030,
  449 + // pageType: "",
  450 + // underlineCColor: ""
  451 + // },
  452 + // {
  453 + // channelId: 2063,
  454 + // channelStrategy: 2,
  455 + // channelStyle: 2,
  456 + // channelType: 1,
  457 + // defaultPermitted: 0,
  458 + // delPermitted: 0,
  459 + // fontCColor: "#FFFFFF",
  460 + // fontColor: "#F9AB99",
  461 + // headlinesOn: 0,
  462 + // homeChannel: "0",
  463 + // iconCUrl: "",
  464 + // iconCUrlSize: "",
  465 + // iconUrl: "",
  466 + // iconUrlSize: "",
  467 + // localChannel: "0",
  468 + // moreChannel: "0",
  469 + // movePermitted: 0,
  470 + // myChannel: "0",
  471 + // name: "两会",
  472 + // num: 8,
  473 + // pageId: 21000,
  474 + // pageType: "",
  475 + // underlineCColor: ""
  476 + // },
  477 + // {
  478 + // channelId: 2072,
  479 + // channelStrategy: 2,
  480 + // channelStyle: 2,
  481 + // channelType: 1,
  482 + // defaultPermitted: 0,
  483 + // delPermitted: 0,
  484 + // fontCColor: "#FFFFFF",
  485 + // fontColor: "#F9AB99",
  486 + // headlinesOn: 0,
  487 + // homeChannel: "0",
  488 + // iconCUrl: "",
  489 + // iconCUrlSize: "",
  490 + // iconUrl: "",
  491 + // iconUrlSize: "",
  492 + // localChannel: "0",
  493 + // moreChannel: "0",
  494 + // movePermitted: 0,
  495 + // myChannel: "0",
  496 + // name: "亚运",
  497 + // num: 9,
  498 + // pageId: 21009,
  499 + // pageType: "",
  500 + // underlineCColor: ""
  501 + // },
  502 + // {
  503 + // channelId: 2015,
  504 + // channelStrategy: 1,
  505 + // channelStyle: 2,
  506 + // channelType: 1,
  507 + // defaultPermitted: 0,
  508 + // delPermitted: 1,
  509 + // fontCColor: "#FFFFFF",
  510 + // fontColor: "#F9AB99",
  511 + // headlinesOn: 0,
  512 + // homeChannel: "0",
  513 + // iconCUrl: "",
  514 + // iconCUrlSize: "",
  515 + // iconUrl: "",
  516 + // iconUrlSize: "",
  517 + // localChannel: "0",
  518 + // moreChannel: "0",
  519 + // movePermitted: 1,
  520 + // myChannel: "0",
  521 + // name: "科技",
  522 + // num: 10,
  523 + // pageId: 20025,
  524 + // pageType: "",
  525 + // underlineCColor: ""
  526 + // },
  527 + // {
  528 + // channelId: 2004,
  529 + // channelStrategy: 2,
  530 + // channelStyle: 2,
  531 + // channelType: 1,
  532 + // defaultPermitted: 0,
  533 + // delPermitted: 0,
  534 + // fontCColor: "#FFFFFF",
  535 + // fontColor: "#F9AB99",
  536 + // headlinesOn: 0,
  537 + // homeChannel: "0",
  538 + // iconCUrl: "",
  539 + // iconCUrlSize: "",
  540 + // iconUrl: "",
  541 + // iconUrlSize: "",
  542 + // localChannel: "0",
  543 + // moreChannel: "0",
  544 + // movePermitted: 1,
  545 + // myChannel: "0",
  546 + // name: "云课堂",
  547 + // num: 11,
  548 + // pageId: 20014,
  549 + // pageType: "",
  550 + // underlineCColor: ""
  551 + // },
  552 + // {
  553 + // channelId: 2005,
  554 + // channelStrategy: 2,
  555 + // channelStyle: 2,
  556 + // channelType: 1,
  557 + // defaultPermitted: 0,
  558 + // delPermitted: 0,
  559 + // fontCColor: "#FFFFFF",
  560 + // fontColor: "#F9AB99",
  561 + // headlinesOn: 0,
  562 + // homeChannel: "0",
  563 + // iconCUrl: "",
  564 + // iconCUrlSize: "",
  565 + // iconUrl: "",
  566 + // iconUrlSize: "",
  567 + // localChannel: "0",
  568 + // moreChannel: "0",
  569 + // movePermitted: 1,
  570 + // myChannel: "0",
  571 + // name: "文件",
  572 + // num: 12,
  573 + // pageId: 20015,
  574 + // pageType: "",
  575 + // underlineCColor: ""
  576 + // },
  577 + // {
  578 + // channelId: 2007,
  579 + // channelStrategy: 1,
  580 + // channelStyle: 2,
  581 + // channelType: 1,
  582 + // defaultPermitted: 0,
  583 + // delPermitted: 0,
  584 + // fontCColor: "#FFFFFF",
  585 + // fontColor: "#F9AB99",
  586 + // headlinesOn: 0,
  587 + // homeChannel: "0",
  588 + // iconCUrl: "",
  589 + // iconCUrlSize: "",
  590 + // iconUrl: "",
  591 + // iconUrlSize: "",
  592 + // localChannel: "0",
  593 + // moreChannel: "0",
  594 + // movePermitted: 1,
  595 + // myChannel: "0",
  596 + // name: "镜头",
  597 + // num: 13,
  598 + // pageId: 20017,
  599 + // pageType: "",
  600 + // underlineCColor: ""
  601 + // },
  602 + // {
  603 + // channelId: 2008,
  604 + // channelStrategy: 2,
  605 + // channelStyle: 2,
  606 + // channelType: 1,
  607 + // defaultPermitted: 0,
  608 + // delPermitted: 0,
  609 + // fontCColor: "#FFFFFF",
  610 + // fontColor: "#F9AB99",
  611 + // headlinesOn: 0,
  612 + // homeChannel: "0",
  613 + // iconCUrl: "",
  614 + // iconCUrlSize: "",
  615 + // iconUrl: "",
  616 + // iconUrlSize: "",
  617 + // localChannel: "0",
  618 + // moreChannel: "0",
  619 + // movePermitted: 1,
  620 + // myChannel: "0",
  621 + // name: "公益",
  622 + // num: 14,
  623 + // pageId: 20018,
  624 + // pageType: "",
  625 + // underlineCColor: ""
  626 + // },
  627 + // {
  628 + // channelId: 2009,
  629 + // channelStrategy: 1,
  630 + // channelStyle: 2,
  631 + // channelType: 1,
  632 + // defaultPermitted: 0,
  633 + // delPermitted: 1,
  634 + // fontCColor: "#FFFFFF",
  635 + // fontColor: "#F9AB99",
  636 + // headlinesOn: 0,
  637 + // homeChannel: "0",
  638 + // iconCUrl: "",
  639 + // iconCUrlSize: "",
  640 + // iconUrl: "",
  641 + // iconUrlSize: "",
  642 + // localChannel: "0",
  643 + // moreChannel: "0",
  644 + // movePermitted: 1,
  645 + // myChannel: "0",
  646 + // name: "社会",
  647 + // num: 15,
  648 + // pageId: 20019,
  649 + // pageType: "",
  650 + // underlineCColor: ""
  651 + // },
  652 + // {
  653 + // channelId: 2010,
  654 + // channelStrategy: 1,
  655 + // channelStyle: 2,
  656 + // channelType: 1,
  657 + // defaultPermitted: 0,
  658 + // delPermitted: 1,
  659 + // fontCColor: "#FFFFFF",
  660 + // fontColor: "#F9AB99",
  661 + // headlinesOn: 0,
  662 + // homeChannel: "0",
  663 + // iconCUrl: "",
  664 + // iconCUrlSize: "",
  665 + // iconUrl: "",
  666 + // iconUrlSize: "",
  667 + // localChannel: "0",
  668 + // moreChannel: "0",
  669 + // movePermitted: 1,
  670 + // myChannel: "0",
  671 + // name: "财经",
  672 + // num: 16,
  673 + // pageId: 20020,
  674 + // pageType: "",
  675 + // underlineCColor: ""
  676 + // },
  677 + // {
  678 + // channelId: 2012,
  679 + // channelStrategy: 1,
  680 + // channelStyle: 2,
  681 + // channelType: 1,
  682 + // defaultPermitted: 0,
  683 + // delPermitted: 1,
  684 + // fontCColor: "#FFFFFF",
  685 + // fontColor: "#F9AB99",
  686 + // headlinesOn: 0,
  687 + // homeChannel: "0",
  688 + // iconCUrl: "",
  689 + // iconCUrlSize: "",
  690 + // iconUrl: "",
  691 + // iconUrlSize: "",
  692 + // localChannel: "0",
  693 + // moreChannel: "0",
  694 + // movePermitted: 1,
  695 + // myChannel: "0",
  696 + // name: "文化",
  697 + // num: 17,
  698 + // pageId: 20022,
  699 + // pageType: "",
  700 + // underlineCColor: ""
  701 + // },
  702 + // {
  703 + // channelId: 2013,
  704 + // channelStrategy: 1,
  705 + // channelStyle: 2,
  706 + // channelType: 1,
  707 + // defaultPermitted: 0,
  708 + // delPermitted: 1,
  709 + // fontCColor: "#FFFFFF",
  710 + // fontColor: "#F9AB99",
  711 + // headlinesOn: 0,
  712 + // homeChannel: "0",
  713 + // iconCUrl: "",
  714 + // iconCUrlSize: "",
  715 + // iconUrl: "",
  716 + // iconUrlSize: "",
  717 + // localChannel: "0",
  718 + // moreChannel: "0",
  719 + // movePermitted: 1,
  720 + // myChannel: "0",
  721 + // name: "教育",
  722 + // num: 18,
  723 + // pageId: 20023,
  724 + // pageType: "",
  725 + // underlineCColor: ""
  726 + // },
  727 + // {
  728 + // channelId: 2014,
  729 + // channelStrategy: 1,
  730 + // channelStyle: 2,
  731 + // channelType: 1,
  732 + // defaultPermitted: 0,
  733 + // delPermitted: 1,
  734 + // fontCColor: "#FFFFFF",
  735 + // fontColor: "#F9AB99",
  736 + // headlinesOn: 0,
  737 + // homeChannel: "0",
  738 + // iconCUrl: "",
  739 + // iconCUrlSize: "",
  740 + // iconUrl: "",
  741 + // iconUrlSize: "",
  742 + // localChannel: "0",
  743 + // moreChannel: "0",
  744 + // movePermitted: 1,
  745 + // myChannel: "0",
  746 + // name: "军事",
  747 + // num: 19,
  748 + // pageId: 20024,
  749 + // pageType: "",
  750 + // underlineCColor: ""
  751 + // },
  752 + // {
  753 + // channelId: 2017,
  754 + // channelStrategy: 2,
  755 + // channelStyle: 2,
  756 + // channelType: 1,
  757 + // defaultPermitted: 0,
  758 + // delPermitted: 1,
  759 + // fontCColor: "#FFFFFF",
  760 + // fontColor: "#F9AB99",
  761 + // headlinesOn: 0,
  762 + // homeChannel: "0",
  763 + // iconCUrl: "",
  764 + // iconCUrlSize: "",
  765 + // iconUrl: "",
  766 + // iconUrlSize: "",
  767 + // localChannel: "0",
  768 + // moreChannel: "0",
  769 + // movePermitted: 1,
  770 + // myChannel: "0",
  771 + // name: "健康",
  772 + // num: 20,
  773 + // pageId: 20027,
  774 + // pageType: "",
  775 + // underlineCColor: ""
  776 + // },
  777 + // {
  778 + // channelId: 2019,
  779 + // channelStrategy: 1,
  780 + // channelStyle: 2,
  781 + // channelType: 1,
  782 + // defaultPermitted: 0,
  783 + // delPermitted: 1,
  784 + // fontCColor: "#FFFFFF",
  785 + // fontColor: "#F9AB99",
  786 + // headlinesOn: 0,
  787 + // homeChannel: "0",
  788 + // iconCUrl: "",
  789 + // iconCUrlSize: "",
  790 + // iconUrl: "",
  791 + // iconUrlSize: "",
  792 + // localChannel: "0",
  793 + // moreChannel: "0",
  794 + // movePermitted: 1,
  795 + // myChannel: "0",
  796 + // name: "房产",
  797 + // num: 21,
  798 + // pageId: 20029,
  799 + // pageType: "",
  800 + // underlineCColor: ""
  801 + // },
  802 + // {
  803 + // channelId: 2018,
  804 + // channelStrategy: 1,
  805 + // channelStyle: 2,
  806 + // channelType: 1,
  807 + // defaultPermitted: 0,
  808 + // delPermitted: 1,
  809 + // fontCColor: "#FFFFFF",
  810 + // fontColor: "#F9AB99",
  811 + // headlinesOn: 0,
  812 + // homeChannel: "0",
  813 + // iconCUrl: "",
  814 + // iconCUrlSize: "",
  815 + // iconUrl: "",
  816 + // iconUrlSize: "",
  817 + // localChannel: "0",
  818 + // moreChannel: "0",
  819 + // movePermitted: 1,
  820 + // myChannel: "0",
  821 + // name: "汽车",
  822 + // num: 22,
  823 + // pageId: 20028,
  824 + // pageType: "",
  825 + // underlineCColor: ""
  826 + // },
  827 + // {
  828 + // channelId: 2065,
  829 + // channelStrategy: 2,
  830 + // channelStyle: 2,
  831 + // channelType: 1,
  832 + // defaultPermitted: 0,
  833 + // delPermitted: 0,
  834 + // fontCColor: "#FFFFFF",
  835 + // fontColor: "#F9AB99",
  836 + // headlinesOn: 0,
  837 + // homeChannel: "0",
  838 + // iconCUrl: "",
  839 + // iconCUrlSize: "",
  840 + // iconUrl: "",
  841 + // iconUrlSize: "",
  842 + // localChannel: "0",
  843 + // moreChannel: "0",
  844 + // movePermitted: 1,
  845 + // myChannel: "0",
  846 + // name: "三农",
  847 + // num: 24,
  848 + // pageId: 21002,
  849 + // pageType: "",
  850 + // underlineCColor: ""
  851 + // },
  852 + // {
  853 + // channelId: 2024,
  854 + // channelStrategy: 1,
  855 + // channelStyle: 2,
  856 + // channelType: 1,
  857 + // defaultPermitted: 0,
  858 + // delPermitted: 1,
  859 + // fontCColor: "#FFFFFF",
  860 + // fontColor: "#F9AB99",
  861 + // headlinesOn: 0,
  862 + // homeChannel: "0",
  863 + // iconCUrl: "",
  864 + // iconCUrlSize: "",
  865 + // iconUrl: "",
  866 + // iconUrlSize: "",
  867 + // localChannel: "0",
  868 + // moreChannel: "0",
  869 + // movePermitted: 1,
  870 + // myChannel: "0",
  871 + // name: "家居",
  872 + // num: 25,
  873 + // pageId: 20034,
  874 + // pageType: "",
  875 + // underlineCColor: ""
  876 + // },
  877 + // {
  878 + // channelId: 2021,
  879 + // channelStrategy: 1,
  880 + // channelStyle: 2,
  881 + // channelType: 1,
  882 + // defaultPermitted: 0,
  883 + // delPermitted: 1,
  884 + // fontCColor: "#FFFFFF",
  885 + // fontColor: "#F9AB99",
  886 + // headlinesOn: 0,
  887 + // homeChannel: "0",
  888 + // iconCUrl: "",
  889 + // iconCUrlSize: "",
  890 + // iconUrl: "",
  891 + // iconUrlSize: "",
  892 + // localChannel: "0",
  893 + // moreChannel: "0",
  894 + // movePermitted: 1,
  895 + // myChannel: "0",
  896 + // name: "法治",
  897 + // num: 27,
  898 + // pageId: 20031,
  899 + // pageType: "",
  900 + // underlineCColor: ""
  901 + // },
  902 + // {
  903 + // channelId: 2022,
  904 + // channelStrategy: 1,
  905 + // channelStyle: 2,
  906 + // channelType: 1,
  907 + // defaultPermitted: 0,
  908 + // delPermitted: 1,
  909 + // fontCColor: "#FFFFFF",
  910 + // fontColor: "#F9AB99",
  911 + // headlinesOn: 0,
  912 + // homeChannel: "0",
  913 + // iconCUrl: "",
  914 + // iconCUrlSize: "",
  915 + // iconUrl: "",
  916 + // iconUrlSize: "",
  917 + // localChannel: "0",
  918 + // moreChannel: "0",
  919 + // movePermitted: 1,
  920 + // myChannel: "0",
  921 + // name: "美食",
  922 + // num: 28,
  923 + // pageId: 20032,
  924 + // pageType: "",
  925 + // underlineCColor: ""
  926 + // },
  927 + // {
  928 + // channelId: 2025,
  929 + // channelStrategy: 1,
  930 + // channelStyle: 2,
  931 + // channelType: 1,
  932 + // defaultPermitted: 0,
  933 + // delPermitted: 1,
  934 + // fontCColor: "#FFFFFF",
  935 + // fontColor: "#F9AB99",
  936 + // headlinesOn: 0,
  937 + // homeChannel: "0",
  938 + // iconCUrl: "",
  939 + // iconCUrlSize: "",
  940 + // iconUrl: "",
  941 + // iconUrlSize: "",
  942 + // localChannel: "0",
  943 + // moreChannel: "0",
  944 + // movePermitted: 1,
  945 + // myChannel: "0",
  946 + // name: "育儿",
  947 + // num: 29,
  948 + // pageId: 20035,
  949 + // pageType: "",
  950 + // underlineCColor: ""
  951 + // },
  952 + // {
  953 + // channelId: 2026,
  954 + // channelStrategy: 1,
  955 + // channelStyle: 2,
  956 + // channelType: 1,
  957 + // defaultPermitted: 0,
  958 + // delPermitted: 1,
  959 + // fontCColor: "#FFFFFF",
  960 + // fontColor: "#F9AB99",
  961 + // headlinesOn: 0,
  962 + // homeChannel: "0",
  963 + // iconCUrl: "",
  964 + // iconCUrlSize: "",
  965 + // iconUrl: "",
  966 + // iconUrlSize: "",
  967 + // localChannel: "0",
  968 + // moreChannel: "0",
  969 + // movePermitted: 1,
  970 + // myChannel: "0",
  971 + // name: "生态",
  972 + // num: 30,
  973 + // pageId: 20036,
  974 + // pageType: "",
  975 + // underlineCColor: ""
  976 + // },
  977 + // {
  978 + // channelId: 2023,
  979 + // channelStrategy: 1,
  980 + // channelStyle: 2,
  981 + // channelType: 1,
  982 + // defaultPermitted: 0,
  983 + // delPermitted: 1,
  984 + // fontCColor: "#FFFFFF",
  985 + // fontColor: "#F9AB99",
  986 + // headlinesOn: 0,
  987 + // homeChannel: "0",
  988 + // iconCUrl: "",
  989 + // iconCUrlSize: "",
  990 + // iconUrl: "",
  991 + // iconUrlSize: "",
  992 + // localChannel: "0",
  993 + // moreChannel: "0",
  994 + // movePermitted: 1,
  995 + // myChannel: "0",
  996 + // name: "时尚",
  997 + // num: 31,
  998 + // pageId: 20033,
  999 + // pageType: "",
  1000 + // underlineCColor: ""
  1001 + // },
  1002 + // {
  1003 + // channelId: 2027,
  1004 + // channelStrategy: 1,
  1005 + // channelStyle: 2,
  1006 + // channelType: 2,
  1007 + // defaultPermitted: 0,
  1008 + // delPermitted: 1,
  1009 + // fontCColor: "#FFFFFF",
  1010 + // fontColor: "#F9AB99",
  1011 + // headlinesOn: 0,
  1012 + // homeChannel: "0",
  1013 + // iconCUrl: "",
  1014 + // iconCUrlSize: "",
  1015 + // iconUrl: "",
  1016 + // iconUrlSize: "",
  1017 + // localChannel: "0",
  1018 + // moreChannel: "0",
  1019 + // movePermitted: 1,
  1020 + // myChannel: "0",
  1021 + // name: "北京",
  1022 + // num: 32,
  1023 + // pageId: 20037,
  1024 + // pageType: "",
  1025 + // underlineCColor: ""
  1026 + // },
  1027 + // {
  1028 + // channelId: 2029,
  1029 + // channelStrategy: 1,
  1030 + // channelStyle: 2,
  1031 + // channelType: 2,
  1032 + // defaultPermitted: 0,
  1033 + // delPermitted: 1,
  1034 + // fontCColor: "#FFFFFF",
  1035 + // fontColor: "#F9AB99",
  1036 + // headlinesOn: 0,
  1037 + // homeChannel: "0",
  1038 + // iconCUrl: "",
  1039 + // iconCUrlSize: "",
  1040 + // iconUrl: "",
  1041 + // iconUrlSize: "",
  1042 + // localChannel: "0",
  1043 + // moreChannel: "0",
  1044 + // movePermitted: 1,
  1045 + // myChannel: "0",
  1046 + // name: "天津",
  1047 + // num: 33,
  1048 + // pageId: 20039,
  1049 + // pageType: "",
  1050 + // underlineCColor: ""
  1051 + // },
  1052 + // {
  1053 + // channelId: 2030,
  1054 + // channelStrategy: 1,
  1055 + // channelStyle: 2,
  1056 + // channelType: 2,
  1057 + // defaultPermitted: 0,
  1058 + // delPermitted: 1,
  1059 + // fontCColor: "#FFFFFF",
  1060 + // fontColor: "#F9AB99",
  1061 + // headlinesOn: 0,
  1062 + // homeChannel: "0",
  1063 + // iconCUrl: "",
  1064 + // iconCUrlSize: "",
  1065 + // iconUrl: "",
  1066 + // iconUrlSize: "",
  1067 + // localChannel: "0",
  1068 + // moreChannel: "0",
  1069 + // movePermitted: 1,
  1070 + // myChannel: "0",
  1071 + // name: "河北",
  1072 + // num: 34,
  1073 + // pageId: 20040,
  1074 + // pageType: "",
  1075 + // underlineCColor: ""
  1076 + // },
  1077 + // {
  1078 + // channelId: 2042,
  1079 + // channelStrategy: 1,
  1080 + // channelStyle: 2,
  1081 + // channelType: 2,
  1082 + // defaultPermitted: 0,
  1083 + // delPermitted: 1,
  1084 + // fontCColor: "#FFFFFF",
  1085 + // fontColor: "#F9AB99",
  1086 + // headlinesOn: 0,
  1087 + // homeChannel: "0",
  1088 + // iconCUrl: "",
  1089 + // iconCUrlSize: "",
  1090 + // iconUrl: "",
  1091 + // iconUrlSize: "",
  1092 + // localChannel: "0",
  1093 + // moreChannel: "0",
  1094 + // movePermitted: 1,
  1095 + // myChannel: "0",
  1096 + // name: "河南",
  1097 + // num: 35,
  1098 + // pageId: 20052,
  1099 + // pageType: "",
  1100 + // underlineCColor: ""
  1101 + // },
  1102 + // {
  1103 + // channelId: 2041,
  1104 + // channelStrategy: 1,
  1105 + // channelStyle: 2,
  1106 + // channelType: 2,
  1107 + // defaultPermitted: 0,
  1108 + // delPermitted: 1,
  1109 + // fontCColor: "#FFFFFF",
  1110 + // fontColor: "#F9AB99",
  1111 + // headlinesOn: 0,
  1112 + // homeChannel: "0",
  1113 + // iconCUrl: "",
  1114 + // iconCUrlSize: "",
  1115 + // iconUrl: "",
  1116 + // iconUrlSize: "",
  1117 + // localChannel: "0",
  1118 + // moreChannel: "0",
  1119 + // movePermitted: 1,
  1120 + // myChannel: "0",
  1121 + // name: "山东",
  1122 + // num: 36,
  1123 + // pageId: 20051,
  1124 + // pageType: "",
  1125 + // underlineCColor: ""
  1126 + // },
  1127 + // {
  1128 + // channelId: 2031,
  1129 + // channelStrategy: 2,
  1130 + // channelStyle: 2,
  1131 + // channelType: 2,
  1132 + // defaultPermitted: 0,
  1133 + // delPermitted: 1,
  1134 + // fontCColor: "#FFFFFF",
  1135 + // fontColor: "#F9AB99",
  1136 + // headlinesOn: 0,
  1137 + // homeChannel: "0",
  1138 + // iconCUrl: "",
  1139 + // iconCUrlSize: "",
  1140 + // iconUrl: "",
  1141 + // iconUrlSize: "",
  1142 + // localChannel: "0",
  1143 + // moreChannel: "0",
  1144 + // movePermitted: 1,
  1145 + // myChannel: "0",
  1146 + // name: "山西",
  1147 + // num: 37,
  1148 + // pageId: 20041,
  1149 + // pageType: "",
  1150 + // underlineCColor: ""
  1151 + // },
  1152 + // {
  1153 + // channelId: 2032,
  1154 + // channelStrategy: 1,
  1155 + // channelStyle: 2,
  1156 + // channelType: 2,
  1157 + // defaultPermitted: 0,
  1158 + // delPermitted: 1,
  1159 + // fontCColor: "#FFFFFF",
  1160 + // fontColor: "#F9AB99",
  1161 + // headlinesOn: 0,
  1162 + // homeChannel: "0",
  1163 + // iconCUrl: "",
  1164 + // iconCUrlSize: "",
  1165 + // iconUrl: "",
  1166 + // iconUrlSize: "",
  1167 + // localChannel: "0",
  1168 + // moreChannel: "0",
  1169 + // movePermitted: 1,
  1170 + // myChannel: "0",
  1171 + // name: "内蒙古",
  1172 + // num: 38,
  1173 + // pageId: 20042,
  1174 + // pageType: "",
  1175 + // underlineCColor: ""
  1176 + // },
  1177 + // {
  1178 + // channelId: 2033,
  1179 + // channelStrategy: 1,
  1180 + // channelStyle: 2,
  1181 + // channelType: 2,
  1182 + // defaultPermitted: 0,
  1183 + // delPermitted: 1,
  1184 + // fontCColor: "#FFFFFF",
  1185 + // fontColor: "#F9AB99",
  1186 + // headlinesOn: 0,
  1187 + // homeChannel: "0",
  1188 + // iconCUrl: "",
  1189 + // iconCUrlSize: "",
  1190 + // iconUrl: "",
  1191 + // iconUrlSize: "",
  1192 + // localChannel: "0",
  1193 + // moreChannel: "0",
  1194 + // movePermitted: 1,
  1195 + // myChannel: "0",
  1196 + // name: "辽宁",
  1197 + // num: 39,
  1198 + // pageId: 20043,
  1199 + // pageType: "",
  1200 + // underlineCColor: ""
  1201 + // },
  1202 + // {
  1203 + // channelId: 2034,
  1204 + // channelStrategy: 1,
  1205 + // channelStyle: 2,
  1206 + // channelType: 2,
  1207 + // defaultPermitted: 0,
  1208 + // delPermitted: 1,
  1209 + // fontCColor: "#FFFFFF",
  1210 + // fontColor: "#F9AB99",
  1211 + // headlinesOn: 0,
  1212 + // homeChannel: "0",
  1213 + // iconCUrl: "",
  1214 + // iconCUrlSize: "",
  1215 + // iconUrl: "",
  1216 + // iconUrlSize: "",
  1217 + // localChannel: "0",
  1218 + // moreChannel: "0",
  1219 + // movePermitted: 1,
  1220 + // myChannel: "0",
  1221 + // name: "吉林",
  1222 + // num: 40,
  1223 + // pageId: 20044,
  1224 + // pageType: "",
  1225 + // underlineCColor: ""
  1226 + // },
  1227 + // {
  1228 + // channelId: 2035,
  1229 + // channelStrategy: 1,
  1230 + // channelStyle: 2,
  1231 + // channelType: 2,
  1232 + // defaultPermitted: 0,
  1233 + // delPermitted: 1,
  1234 + // fontCColor: "#FFFFFF",
  1235 + // fontColor: "#F9AB99",
  1236 + // headlinesOn: 0,
  1237 + // homeChannel: "0",
  1238 + // iconCUrl: "",
  1239 + // iconCUrlSize: "",
  1240 + // iconUrl: "",
  1241 + // iconUrlSize: "",
  1242 + // localChannel: "0",
  1243 + // moreChannel: "0",
  1244 + // movePermitted: 1,
  1245 + // myChannel: "0",
  1246 + // name: "黑龙江",
  1247 + // num: 41,
  1248 + // pageId: 20045,
  1249 + // pageType: "",
  1250 + // underlineCColor: ""
  1251 + // },
  1252 + // {
  1253 + // channelId: 2028,
  1254 + // channelStrategy: 1,
  1255 + // channelStyle: 2,
  1256 + // channelType: 2,
  1257 + // defaultPermitted: 0,
  1258 + // delPermitted: 1,
  1259 + // fontCColor: "#FFFFFF",
  1260 + // fontColor: "#F9AB99",
  1261 + // headlinesOn: 0,
  1262 + // homeChannel: "0",
  1263 + // iconCUrl: "",
  1264 + // iconCUrlSize: "",
  1265 + // iconUrl: "",
  1266 + // iconUrlSize: "",
  1267 + // localChannel: "0",
  1268 + // moreChannel: "0",
  1269 + // movePermitted: 1,
  1270 + // myChannel: "0",
  1271 + // name: "上海",
  1272 + // num: 42,
  1273 + // pageId: 20038,
  1274 + // pageType: "",
  1275 + // underlineCColor: ""
  1276 + // },
  1277 + // {
  1278 + // channelId: 2036,
  1279 + // channelStrategy: 1,
  1280 + // channelStyle: 2,
  1281 + // channelType: 2,
  1282 + // defaultPermitted: 0,
  1283 + // delPermitted: 1,
  1284 + // fontCColor: "#FFFFFF",
  1285 + // fontColor: "#F9AB99",
  1286 + // headlinesOn: 0,
  1287 + // homeChannel: "0",
  1288 + // iconCUrl: "",
  1289 + // iconCUrlSize: "",
  1290 + // iconUrl: "",
  1291 + // iconUrlSize: "",
  1292 + // localChannel: "0",
  1293 + // moreChannel: "0",
  1294 + // movePermitted: 1,
  1295 + // myChannel: "0",
  1296 + // name: "江苏",
  1297 + // num: 43,
  1298 + // pageId: 20046,
  1299 + // pageType: "",
  1300 + // underlineCColor: ""
  1301 + // },
  1302 + // {
  1303 + // channelId: 2037,
  1304 + // channelStrategy: 1,
  1305 + // channelStyle: 2,
  1306 + // channelType: 2,
  1307 + // defaultPermitted: 0,
  1308 + // delPermitted: 1,
  1309 + // fontCColor: "#FFFFFF",
  1310 + // fontColor: "#F9AB99",
  1311 + // headlinesOn: 0,
  1312 + // homeChannel: "0",
  1313 + // iconCUrl: "",
  1314 + // iconCUrlSize: "",
  1315 + // iconUrl: "",
  1316 + // iconUrlSize: "",
  1317 + // localChannel: "0",
  1318 + // moreChannel: "0",
  1319 + // movePermitted: 1,
  1320 + // myChannel: "0",
  1321 + // name: "浙江",
  1322 + // num: 44,
  1323 + // pageId: 20047,
  1324 + // pageType: "",
  1325 + // underlineCColor: ""
  1326 + // },
  1327 + // {
  1328 + // channelId: 2038,
  1329 + // channelStrategy: 1,
  1330 + // channelStyle: 2,
  1331 + // channelType: 2,
  1332 + // defaultPermitted: 0,
  1333 + // delPermitted: 1,
  1334 + // fontCColor: "#FFFFFF",
  1335 + // fontColor: "#F9AB99",
  1336 + // headlinesOn: 0,
  1337 + // homeChannel: "0",
  1338 + // iconCUrl: "",
  1339 + // iconCUrlSize: "",
  1340 + // iconUrl: "",
  1341 + // iconUrlSize: "",
  1342 + // localChannel: "0",
  1343 + // moreChannel: "0",
  1344 + // movePermitted: 1,
  1345 + // myChannel: "0",
  1346 + // name: "安徽",
  1347 + // num: 45,
  1348 + // pageId: 20048,
  1349 + // pageType: "",
  1350 + // underlineCColor: ""
  1351 + // },
  1352 + // {
  1353 + // channelId: 2039,
  1354 + // channelStrategy: 1,
  1355 + // channelStyle: 2,
  1356 + // channelType: 2,
  1357 + // defaultPermitted: 0,
  1358 + // delPermitted: 1,
  1359 + // fontCColor: "#FFFFFF",
  1360 + // fontColor: "#F9AB99",
  1361 + // headlinesOn: 0,
  1362 + // homeChannel: "0",
  1363 + // iconCUrl: "",
  1364 + // iconCUrlSize: "",
  1365 + // iconUrl: "",
  1366 + // iconUrlSize: "",
  1367 + // localChannel: "0",
  1368 + // moreChannel: "0",
  1369 + // movePermitted: 1,
  1370 + // myChannel: "0",
  1371 + // name: "福建",
  1372 + // num: 46,
  1373 + // pageId: 20049,
  1374 + // pageType: "",
  1375 + // underlineCColor: ""
  1376 + // },
  1377 + // {
  1378 + // channelId: 2040,
  1379 + // channelStrategy: 1,
  1380 + // channelStyle: 2,
  1381 + // channelType: 2,
  1382 + // defaultPermitted: 0,
  1383 + // delPermitted: 1,
  1384 + // fontCColor: "#FFFFFF",
  1385 + // fontColor: "#F9AB99",
  1386 + // headlinesOn: 0,
  1387 + // homeChannel: "0",
  1388 + // iconCUrl: "",
  1389 + // iconCUrlSize: "",
  1390 + // iconUrl: "",
  1391 + // iconUrlSize: "",
  1392 + // localChannel: "0",
  1393 + // moreChannel: "0",
  1394 + // movePermitted: 1,
  1395 + // myChannel: "0",
  1396 + // name: "江西",
  1397 + // num: 47,
  1398 + // pageId: 20050,
  1399 + // pageType: "",
  1400 + // underlineCColor: ""
  1401 + // },
  1402 + // {
  1403 + // channelId: 2045,
  1404 + // channelStrategy: 2,
  1405 + // channelStyle: 2,
  1406 + // channelType: 2,
  1407 + // defaultPermitted: 0,
  1408 + // delPermitted: 1,
  1409 + // fontCColor: "#FFFFFF",
  1410 + // fontColor: "#F9AB99",
  1411 + // headlinesOn: 0,
  1412 + // homeChannel: "0",
  1413 + // iconCUrl: "",
  1414 + // iconCUrlSize: "",
  1415 + // iconUrl: "",
  1416 + // iconUrlSize: "",
  1417 + // localChannel: "0",
  1418 + // moreChannel: "0",
  1419 + // movePermitted: 1,
  1420 + // myChannel: "0",
  1421 + // name: "广东",
  1422 + // num: 48,
  1423 + // pageId: 20055,
  1424 + // pageType: "",
  1425 + // underlineCColor: ""
  1426 + // },
  1427 + // {
  1428 + // channelId: 2046,
  1429 + // channelStrategy: 1,
  1430 + // channelStyle: 2,
  1431 + // channelType: 2,
  1432 + // defaultPermitted: 0,
  1433 + // delPermitted: 1,
  1434 + // fontCColor: "#FFFFFF",
  1435 + // fontColor: "#F9AB99",
  1436 + // headlinesOn: 0,
  1437 + // homeChannel: "0",
  1438 + // iconCUrl: "",
  1439 + // iconCUrlSize: "",
  1440 + // iconUrl: "",
  1441 + // iconUrlSize: "",
  1442 + // localChannel: "0",
  1443 + // moreChannel: "0",
  1444 + // movePermitted: 1,
  1445 + // myChannel: "0",
  1446 + // name: "广西",
  1447 + // num: 49,
  1448 + // pageId: 20056,
  1449 + // pageType: "",
  1450 + // underlineCColor: ""
  1451 + // },
  1452 + // {
  1453 + // channelId: 2048,
  1454 + // channelStrategy: 1,
  1455 + // channelStyle: 2,
  1456 + // channelType: 2,
  1457 + // defaultPermitted: 0,
  1458 + // delPermitted: 1,
  1459 + // fontCColor: "#FFFFFF",
  1460 + // fontColor: "#F9AB99",
  1461 + // headlinesOn: 0,
  1462 + // homeChannel: "0",
  1463 + // iconCUrl: "",
  1464 + // iconCUrlSize: "",
  1465 + // iconUrl: "",
  1466 + // iconUrlSize: "",
  1467 + // localChannel: "0",
  1468 + // moreChannel: "0",
  1469 + // movePermitted: 1,
  1470 + // myChannel: "0",
  1471 + // name: "重庆",
  1472 + // num: 50,
  1473 + // pageId: 20058,
  1474 + // pageType: "",
  1475 + // underlineCColor: ""
  1476 + // },
  1477 + // {
  1478 + // channelId: 2049,
  1479 + // channelStrategy: 1,
  1480 + // channelStyle: 2,
  1481 + // channelType: 2,
  1482 + // defaultPermitted: 0,
  1483 + // delPermitted: 1,
  1484 + // fontCColor: "#FFFFFF",
  1485 + // fontColor: "#F9AB99",
  1486 + // headlinesOn: 0,
  1487 + // homeChannel: "0",
  1488 + // iconCUrl: "",
  1489 + // iconCUrlSize: "",
  1490 + // iconUrl: "",
  1491 + // iconUrlSize: "",
  1492 + // localChannel: "0",
  1493 + // moreChannel: "0",
  1494 + // movePermitted: 1,
  1495 + // myChannel: "0",
  1496 + // name: "四川",
  1497 + // num: 51,
  1498 + // pageId: 20059,
  1499 + // pageType: "",
  1500 + // underlineCColor: ""
  1501 + // },
  1502 + // {
  1503 + // channelId: 2051,
  1504 + // channelStrategy: 1,
  1505 + // channelStyle: 2,
  1506 + // channelType: 2,
  1507 + // defaultPermitted: 0,
  1508 + // delPermitted: 1,
  1509 + // fontCColor: "#FFFFFF",
  1510 + // fontColor: "#F9AB99",
  1511 + // headlinesOn: 0,
  1512 + // homeChannel: "0",
  1513 + // iconCUrl: "",
  1514 + // iconCUrlSize: "",
  1515 + // iconUrl: "",
  1516 + // iconUrlSize: "",
  1517 + // localChannel: "0",
  1518 + // moreChannel: "0",
  1519 + // movePermitted: 1,
  1520 + // myChannel: "0",
  1521 + // name: "云南",
  1522 + // num: 52,
  1523 + // pageId: 20061,
  1524 + // pageType: "",
  1525 + // underlineCColor: ""
  1526 + // },
  1527 + // {
  1528 + // channelId: 2050,
  1529 + // channelStrategy: 1,
  1530 + // channelStyle: 2,
  1531 + // channelType: 2,
  1532 + // defaultPermitted: 0,
  1533 + // delPermitted: 1,
  1534 + // fontCColor: "#FFFFFF",
  1535 + // fontColor: "#F9AB99",
  1536 + // headlinesOn: 0,
  1537 + // homeChannel: "0",
  1538 + // iconCUrl: "",
  1539 + // iconCUrlSize: "",
  1540 + // iconUrl: "",
  1541 + // iconUrlSize: "",
  1542 + // localChannel: "0",
  1543 + // moreChannel: "0",
  1544 + // movePermitted: 1,
  1545 + // myChannel: "0",
  1546 + // name: "贵州",
  1547 + // num: 53,
  1548 + // pageId: 20060,
  1549 + // pageType: "",
  1550 + // underlineCColor: ""
  1551 + // },
  1552 + // {
  1553 + // channelId: 2044,
  1554 + // channelStrategy: 1,
  1555 + // channelStyle: 2,
  1556 + // channelType: 2,
  1557 + // defaultPermitted: 0,
  1558 + // delPermitted: 1,
  1559 + // fontCColor: "#FFFFFF",
  1560 + // fontColor: "#F9AB99",
  1561 + // headlinesOn: 0,
  1562 + // homeChannel: "0",
  1563 + // iconCUrl: "",
  1564 + // iconCUrlSize: "",
  1565 + // iconUrl: "",
  1566 + // iconUrlSize: "",
  1567 + // localChannel: "0",
  1568 + // moreChannel: "0",
  1569 + // movePermitted: 1,
  1570 + // myChannel: "0",
  1571 + // name: "湖南",
  1572 + // num: 54,
  1573 + // pageId: 20054,
  1574 + // pageType: "",
  1575 + // underlineCColor: ""
  1576 + // },
  1577 + // {
  1578 + // channelId: 2043,
  1579 + // channelStrategy: 1,
  1580 + // channelStyle: 2,
  1581 + // channelType: 2,
  1582 + // defaultPermitted: 0,
  1583 + // delPermitted: 1,
  1584 + // fontCColor: "#FFFFFF",
  1585 + // fontColor: "#F9AB99",
  1586 + // headlinesOn: 0,
  1587 + // homeChannel: "0",
  1588 + // iconCUrl: "",
  1589 + // iconCUrlSize: "",
  1590 + // iconUrl: "",
  1591 + // iconUrlSize: "",
  1592 + // localChannel: "0",
  1593 + // moreChannel: "0",
  1594 + // movePermitted: 1,
  1595 + // myChannel: "0",
  1596 + // name: "湖北",
  1597 + // num: 55,
  1598 + // pageId: 20053,
  1599 + // pageType: "",
  1600 + // underlineCColor: ""
  1601 + // },
  1602 + // {
  1603 + // channelId: 2052,
  1604 + // channelStrategy: 2,
  1605 + // channelStyle: 2,
  1606 + // channelType: 2,
  1607 + // defaultPermitted: 0,
  1608 + // delPermitted: 1,
  1609 + // fontCColor: "#FFFFFF",
  1610 + // fontColor: "#F9AB99",
  1611 + // headlinesOn: 0,
  1612 + // homeChannel: "0",
  1613 + // iconCUrl: "",
  1614 + // iconCUrlSize: "",
  1615 + // iconUrl: "",
  1616 + // iconUrlSize: "",
  1617 + // localChannel: "0",
  1618 + // moreChannel: "0",
  1619 + // movePermitted: 1,
  1620 + // myChannel: "0",
  1621 + // name: "西藏",
  1622 + // num: 56,
  1623 + // pageId: 20062,
  1624 + // pageType: "",
  1625 + // underlineCColor: ""
  1626 + // },
  1627 + // {
  1628 + // channelId: 2057,
  1629 + // channelStrategy: 2,
  1630 + // channelStyle: 2,
  1631 + // channelType: 2,
  1632 + // defaultPermitted: 0,
  1633 + // delPermitted: 1,
  1634 + // fontCColor: "#FFFFFF",
  1635 + // fontColor: "#F9AB99",
  1636 + // headlinesOn: 0,
  1637 + // homeChannel: "0",
  1638 + // iconCUrl: "",
  1639 + // iconCUrlSize: "",
  1640 + // iconUrl: "",
  1641 + // iconUrlSize: "",
  1642 + // localChannel: "0",
  1643 + // moreChannel: "0",
  1644 + // movePermitted: 1,
  1645 + // myChannel: "0",
  1646 + // name: "新疆",
  1647 + // num: 57,
  1648 + // pageId: 20067,
  1649 + // pageType: "",
  1650 + // underlineCColor: ""
  1651 + // },
  1652 + // {
  1653 + // channelId: 2053,
  1654 + // channelStrategy: 1,
  1655 + // channelStyle: 2,
  1656 + // channelType: 2,
  1657 + // defaultPermitted: 0,
  1658 + // delPermitted: 1,
  1659 + // fontCColor: "#FFFFFF",
  1660 + // fontColor: "#F9AB99",
  1661 + // headlinesOn: 0,
  1662 + // homeChannel: "0",
  1663 + // iconCUrl: "",
  1664 + // iconCUrlSize: "",
  1665 + // iconUrl: "",
  1666 + // iconUrlSize: "",
  1667 + // localChannel: "0",
  1668 + // moreChannel: "0",
  1669 + // movePermitted: 1,
  1670 + // myChannel: "0",
  1671 + // name: "陕西",
  1672 + // num: 58,
  1673 + // pageId: 20063,
  1674 + // pageType: "",
  1675 + // underlineCColor: ""
  1676 + // },
  1677 + // {
  1678 + // channelId: 2054,
  1679 + // channelStrategy: 1,
  1680 + // channelStyle: 2,
  1681 + // channelType: 2,
  1682 + // defaultPermitted: 0,
  1683 + // delPermitted: 1,
  1684 + // fontCColor: "#FFFFFF",
  1685 + // fontColor: "#F9AB99",
  1686 + // headlinesOn: 0,
  1687 + // homeChannel: "0",
  1688 + // iconCUrl: "",
  1689 + // iconCUrlSize: "",
  1690 + // iconUrl: "",
  1691 + // iconUrlSize: "",
  1692 + // localChannel: "0",
  1693 + // moreChannel: "0",
  1694 + // movePermitted: 1,
  1695 + // myChannel: "0",
  1696 + // name: "甘肃",
  1697 + // num: 59,
  1698 + // pageId: 20064,
  1699 + // pageType: "",
  1700 + // underlineCColor: ""
  1701 + // },
  1702 + // {
  1703 + // channelId: 2055,
  1704 + // channelStrategy: 1,
  1705 + // channelStyle: 2,
  1706 + // channelType: 2,
  1707 + // defaultPermitted: 0,
  1708 + // delPermitted: 1,
  1709 + // fontCColor: "#FFFFFF",
  1710 + // fontColor: "#F9AB99",
  1711 + // headlinesOn: 0,
  1712 + // homeChannel: "0",
  1713 + // iconCUrl: "",
  1714 + // iconCUrlSize: "",
  1715 + // iconUrl: "",
  1716 + // iconUrlSize: "",
  1717 + // localChannel: "0",
  1718 + // moreChannel: "0",
  1719 + // movePermitted: 1,
  1720 + // myChannel: "0",
  1721 + // name: "青海",
  1722 + // num: 60,
  1723 + // pageId: 20065,
  1724 + // pageType: "",
  1725 + // underlineCColor: ""
  1726 + // },
  1727 + // {
  1728 + // channelId: 2056,
  1729 + // channelStrategy: 2,
  1730 + // channelStyle: 2,
  1731 + // channelType: 2,
  1732 + // defaultPermitted: 0,
  1733 + // delPermitted: 1,
  1734 + // fontCColor: "#FFFFFF",
  1735 + // fontColor: "#F9AB99",
  1736 + // headlinesOn: 0,
  1737 + // homeChannel: "0",
  1738 + // iconCUrl: "",
  1739 + // iconCUrlSize: "",
  1740 + // iconUrl: "",
  1741 + // iconUrlSize: "",
  1742 + // localChannel: "0",
  1743 + // moreChannel: "0",
  1744 + // movePermitted: 1,
  1745 + // myChannel: "0",
  1746 + // name: "宁夏",
  1747 + // num: 61,
  1748 + // pageId: 20066,
  1749 + // pageType: "",
  1750 + // underlineCColor: ""
  1751 + // },
  1752 + // {
  1753 + // channelId: 2047,
  1754 + // channelStrategy: 1,
  1755 + // channelStyle: 2,
  1756 + // channelType: 2,
  1757 + // defaultPermitted: 0,
  1758 + // delPermitted: 1,
  1759 + // fontCColor: "#FFFFFF",
  1760 + // fontColor: "#F9AB99",
  1761 + // headlinesOn: 0,
  1762 + // homeChannel: "0",
  1763 + // iconCUrl: "",
  1764 + // iconCUrlSize: "",
  1765 + // iconUrl: "",
  1766 + // iconUrlSize: "",
  1767 + // localChannel: "0",
  1768 + // moreChannel: "0",
  1769 + // movePermitted: 1,
  1770 + // myChannel: "0",
  1771 + // name: "海南",
  1772 + // num: 62,
  1773 + // pageId: 20057,
  1774 + // pageType: "",
  1775 + // underlineCColor: ""
  1776 + // }
  1777 + // ]
  1778 + // @State myChannelList: TopNavDTO [] = []
  1779 + // @State moreChannelList: TopNavDTO [] = []
  1780 + // @State localChannelList: TopNavDTO [] = []
247 dialogController: CustomDialogController | null = new CustomDialogController({ 1781 dialogController: CustomDialogController | null = new CustomDialogController({
248 builder: ChannelDialog({ 1782 builder: ChannelDialog({
249 currentTopNavSelectedIndex: $currentTopNavSelectedIndex, 1783 currentTopNavSelectedIndex: $currentTopNavSelectedIndex,
250 indexSettingArray: $indexSettingArray, 1784 indexSettingArray: $indexSettingArray,
251 myChannelList: $myChannelList, 1785 myChannelList: $myChannelList,
252 moreChannelList: $moreChannelList, 1786 moreChannelList: $moreChannelList,
253 - localChannelList: $localChannelList 1787 + localChannelList: $localChannelList,
  1788 + confirm: this.onAccept
254 }), 1789 }),
255 alignment: DialogAlignment.TopEnd, 1790 alignment: DialogAlignment.TopEnd,
256 customStyle: true, 1791 customStyle: true,
257 }) 1792 })
258 1793
259 - aboutToAppear() { 1794 + // topNavListHandle() {
  1795 + // let defaultMyChannelList: TopNavDTO[] = []
  1796 + // let handledTopNavList = [...this.topNavList]
  1797 + // handledTopNavList.sort((a, b) => {
  1798 + // return a.num - b.num;
  1799 + // });
  1800 + // handledTopNavList.forEach(item => {
  1801 + // if (item.defaultPermitted === 1 || item.movePermitted === 0 || item.delPermitted === 0 || item.headlinesOn === 1) {
  1802 + // defaultMyChannelList.push(item);
  1803 + // }
  1804 + // })
  1805 + // defaultMyChannelList.forEach(item => {
  1806 + // item.myChannel = '1'
  1807 + // if (item.defaultPermitted === 1) {
  1808 + // item.homeChannel = '1'
  1809 + // }
  1810 + // let index = handledTopNavList.findIndex(_item => _item.channelId === item.channelId)
  1811 + // if (index !== -1) {
  1812 + // handledTopNavList.splice(index, 1)
  1813 + // }
  1814 + // })
  1815 + //
  1816 + // handledTopNavList.unshift(...defaultMyChannelList)
  1817 + // handledTopNavList.forEach((item, index) => {
  1818 + // if (item.channelType === 2) {
  1819 + // item.localChannel = '1'
  1820 + // }
  1821 + // if (index >= 11) {
  1822 + // if (item.channelType === 1) {
  1823 + // item.moreChannel = '1'
  1824 + // }
  1825 + // } else {
  1826 + // if (item.channelType === 1 && item.myChannel !== '1') {
  1827 + // item.moreChannel = '1'
  1828 + // }
  1829 + // }
  1830 + //
  1831 + // if (item.myChannel === '1') {
  1832 + // this.myChannelList.push(item)
  1833 + // }
  1834 + // if (item.moreChannel === '1') {
  1835 + // this.moreChannelList.push(item)
  1836 + // }
  1837 + // if (item.localChannel === '1') {
  1838 + // this.localChannelList.push(item)
  1839 + // }
  1840 + // })
  1841 + // }
260 1842
  1843 +
  1844 + aboutToAppear() {
  1845 + // this.topNavListHandle()
261 } 1846 }
262 1847
263 aboutToDisappear() { 1848 aboutToDisappear() {
@@ -270,8 +1855,9 @@ struct ChannelSubscriptionLayout { @@ -270,8 +1855,9 @@ struct ChannelSubscriptionLayout {
270 .width(18) 1855 .width(18)
271 } 1856 }
272 .width(36) 1857 .width(36)
273 - .height(30) 1858 + .height(36)
274 .justifyContent(FlexAlign.Center) 1859 .justifyContent(FlexAlign.Center)
  1860 + .padding({ bottom: 6 })
275 .backgroundColor('#ffffff') 1861 .backgroundColor('#ffffff')
276 .onClick(() => { 1862 .onClick(() => {
277 if (this.dialogController != null) { 1863 if (this.dialogController != null) {
@@ -26,7 +26,9 @@ export struct TopNavigationComponent { @@ -26,7 +26,9 @@ export struct TopNavigationComponent {
26 // 地方频道列表 26 // 地方频道列表
27 @State localChannelList: TopNavDTO[] = [] 27 @State localChannelList: TopNavDTO[] = []
28 readonly MAX_LINE: number = 1; 28 readonly MAX_LINE: number = 1;
  29 + tabsController = new TabsController()
29 30
  31 + //处理接口顶导数据
30 topNavListHandle() { 32 topNavListHandle() {
31 let defaultMyChannelList: TopNavDTO[] = [] 33 let defaultMyChannelList: TopNavDTO[] = []
32 let handledTopNavList = [...this.topNavList] 34 let handledTopNavList = [...this.topNavList]
@@ -97,7 +99,6 @@ export struct TopNavigationComponent { @@ -97,7 +99,6 @@ export struct TopNavigationComponent {
97 } 99 }
98 .alignItems(VerticalAlign.Center) 100 .alignItems(VerticalAlign.Center)
99 .justifyContent(FlexAlign.Center) 101 .justifyContent(FlexAlign.Center)
100 -  
101 } 102 }
102 .height(30) 103 .height(30)
103 .width(123) 104 .width(123)
@@ -166,7 +167,7 @@ export struct TopNavigationComponent { @@ -166,7 +167,7 @@ export struct TopNavigationComponent {
166 167
167 Stack({ alignContent: Alignment.TopEnd }) { 168 Stack({ alignContent: Alignment.TopEnd }) {
168 169
169 - Tabs() { 170 + Tabs({ controller: this.tabsController }) {
170 ForEach(this.myChannelList, (navItem: TopNavDTO, index: number) => { 171 ForEach(this.myChannelList, (navItem: TopNavDTO, index: number) => {
171 TabContent() { 172 TabContent() {
172 PageComponent({ 173 PageComponent({
@@ -188,11 +189,15 @@ export struct TopNavigationComponent { @@ -188,11 +189,15 @@ export struct TopNavigationComponent {
188 }) 189 })
189 190
190 ChannelSubscriptionLayout({ 191 ChannelSubscriptionLayout({
  192 + changeTab: (index) => {
  193 + this.tabsController.changeIndex(index)
  194 + },
191 myChannelList: $myChannelList, 195 myChannelList: $myChannelList,
192 moreChannelList: $moreChannelList, 196 moreChannelList: $moreChannelList,
193 localChannelList: $localChannelList, 197 localChannelList: $localChannelList,
194 currentTopNavSelectedIndex: $currentTopNavSelectedIndex 198 currentTopNavSelectedIndex: $currentTopNavSelectedIndex
195 }) 199 })
  200 + // ChannelSubscriptionLayout()
196 } 201 }
197 202
198 } 203 }
@@ -227,6 +232,7 @@ export struct TopNavigationComponent { @@ -227,6 +232,7 @@ export struct TopNavigationComponent {
227 bottom: $r('app.float.top_tab_item_padding_bottom') 232 bottom: $r('app.float.top_tab_item_padding_bottom')
228 }) 233 })
229 .id(`col_tabBar${index}`) 234 .id(`col_tabBar${index}`)
  235 + .margin({ right: this.myChannelList.length === index + 1 ? 36 : 0 })
230 } 236 }
231 237
232 aboutToAppear() { 238 aboutToAppear() {