developOne / harmonyPool

Go to a project
Toggle navigation Toggle navigation pinning
fanmingyou3_wd
ccb3800b 1 parent d55d8393

增加底导组件，顶导组件

Inline Side-by-side
Showing 13 changed files with 2082 additions and 31 deletions
import { GroupDTO } from 'wdBean';
import { BottomNavBean } from 'wdBean';
import { BottomNavigationComponent, PageViewModel } from 'wdComponent';
import { BreakpointConstants } from 'wdConstant';
import { BreakpointSystem, LazyDataSource, Logger } from 'wdKit';
import { PageViewModel } from '../viewmodel/PageViewModel';
import { PageComponent } from './PageComponent';
import { BreakpointSystem, Logger } from 'wdKit';
const TAG = 'Index';
... ... @@ -11,9 +10,7 @@ const TAG = 'Index';
struct Index {
private breakpointSystem: BreakpointSystem = new BreakpointSystem()
@StorageLink('currentBreakpoint') @Watch('watchCurrentBreakpoint') currentBreakpoint: string = BreakpointConstants.BREAKPOINT_XS;
@State groupList: LazyDataSource<GroupDTO> = new LazyDataSource();
// @Prop groupList: GroupDTO[] = [];
@State message: string = 'Hello Sight';
@State bottomNavList: BottomNavBean[] = []
watchCurrentBreakpoint() {
Logger.info(TAG, `watchCurrentBreakpoint, this.currentBreakpoint: ${this.currentBreakpoint}`);
... ... @@ -21,17 +18,16 @@ struct Index {
build() {
Column() {
PageComponent({ groupList: this.groupList })
BottomNavigationComponent({ bottomNavList: this.bottomNavList })
}
}
aboutToAppear() {
this.breakpointSystem.register()
// Logger.info(TAG, `aboutToAppear, this.currentTabIndex1: ${this.currentNavIndex}`);
// PageViewModel.getGroupDTO();
let groupDto = PageViewModel.getGroupDTO(getContext(this))
if (groupDto) {
this.groupList.push(groupDto)
let bottomNav = PageViewModel.getBottomNavData(getContext(this))
if (bottomNav) {
Logger.info(TAG, `aboutToAppear, bottomNav.length: ${bottomNav.length}`);
this.bottomNavList = bottomNav
}
}
... ...
{
"code": "0",
"data": {
"backgroundColor": "#FFFFFF",
"bottomNavList": [
{
"backgroundUrl": "https://uatjdcdnphoto.aikan.pdnews.cn/sjbj-20231214/image/display/2e1d5f235d1a44cfb9fc120e8596c56b.png",
"channelChooseActionUrl": "https://uatjdcdnphoto.aikan.pdnews.cn/sjbj-20231227/vod/display/7c92f5b2a08b4a65aa9da13e66d5ad4a.pag",
"channelChooseCColor": "#666666",
"channelChooseColor": "#222222",
"channelMoreColor": "#666666",
"extraData": "{\"haveSearch\":\"1\",\"haveTopNav\":\"1\",\"leftIconurl\":\"\",\"rightIconUrl\":\"\"}",
"homePageColor": "#FFFFF",
"icon": "https://uatjdcdnphoto.aikan.pdnews.cn/sjbj-20231220/image/display/0dc20f38da09405ea0ab675d700bc2ce.png",
"iconC": "https://uatjdcdnphoto.aikan.pdnews.cn/sjbj-20231220/image/display/e162a5d3401045f298c237f1c795c015.gif",
"id": 201,
"immersiveIconCUrl": "",
"immersiveIconUrl": "",
"immersiveNameCColor": "#FFFFFF",
"immersiveNameColor": "#FFFFFF",
"logoUrl": "https://uatjdcdnphoto.aikan.pdnews.cn/sjbj-20231229/image/display/51d568f9af05421f9754a2c08906dc42.png",
"morningAndEveningUrl": "https://uatjdcdnphoto.aikan.pdnews.cn/sjbj-20231214/image/display/0f37cc0c86194c969d2143f85c056c9c.png",
"name": "新闻",
"nameCColor": "#ED2800",
"nameColor": "#999999",
"nightIconCUrl": "",
"nightIconUrl": "",
"nightNameCColor": "",
"nightNameColor": "",
"noticeColor": "#FFFFFF",
"pageId": null,
"pageType": null,
"searchBothColor": "#666666",
"searchUrl": "https://uatjdcdnphoto.aikan.pdnews.cn/sjbj-20231214/image/display/2f2a9b3af5334eac8d7c3b6007240b83.png",
"sortValue": 1,
"statusBarColor": 1,
"topNavChannelList": [
{
"channelId": 2002,
"channelStyle": 2,
"channelType": 1,
"defaultPermitted": 1,
"delPermitted": 0,
"fontCColor": "#FFFFFF",
"fontColor": "#F9AB99",
"headlinesOn": 0,
"homeChannel": "0",
"iconCUrl": "",
"iconCUrlSize": "",
"iconUrl": "",
"iconUrlSize": "",
"localChannel": "0",
"moreChannel": "0",
"movePermitted": 0,
"myChannel": "0",
"name": "热点",
"num": 1,
"pageId": 20012,
"pageType": "",
"underlineCColor": ""
},
{
"channelId": 2001,
"channelStyle": 2,
"channelType": 1,
"defaultPermitted": 1,
"delPermitted": 0,
"fontCColor": "#FFFFFF",
"fontColor": "#F9AB99",
"headlinesOn": 0,
"homeChannel": "0",
"iconCUrl": "",
"iconCUrlSize": "",
"iconUrl": "",
"iconUrlSize": "",
"localChannel": "0",
"moreChannel": "0",
"movePermitted": 0,
"myChannel": "0",
"name": "推荐",
"num": 2,
"pageId": 20011,
"pageType": "",
"underlineCColor": ""
},
{
"channelId": 2009,
"channelStyle": 2,
"channelType": 1,
"defaultPermitted": 0,
"delPermitted": 1,
"fontCColor": "#FFFFFF",
"fontColor": "#F9AB99",
"headlinesOn": 0,
"homeChannel": "0",
"iconCUrl": "",
"iconCUrlSize": "",
"iconUrl": "",
"iconUrlSize": "",
"localChannel": "0",
"moreChannel": "0",
"movePermitted": 1,
"myChannel": "0",
"name": "社会",
"num": 3,
"pageId": 20019,
"pageType": "",
"underlineCColor": ""
},
{
"channelId": 2066,
"channelStyle": 3,
"channelType": 1,
"defaultPermitted": 0,
"delPermitted": 1,
"fontCColor": "#FFFFFF",
"fontColor": "#F9AB99",
"headlinesOn": 0,
"homeChannel": "0",
"iconCUrl": "",
"iconCUrlSize": "",
"iconUrl": "",
"iconUrlSize": "",
"localChannel": "0",
"moreChannel": "0",
"movePermitted": 1,
"myChannel": "0",
"name": "播报",
"num": 4,
"pageId": 21003,
"pageType": "",
"underlineCColor": ""
},
{
"channelId": 2012,
"channelStyle": 2,
"channelType": 1,
"defaultPermitted": 0,
"delPermitted": 1,
"fontCColor": "#FFFFFF",
"fontColor": "#F9AB99",
"headlinesOn": 0,
"homeChannel": "0",
"iconCUrl": "",
"iconCUrlSize": "",
"iconUrl": "",
"iconUrlSize": "",
"localChannel": "0",
"moreChannel": "0",
"movePermitted": 0,
"myChannel": "0",
"name": "文化",
"num": 5,
"pageId": 20022,
"pageType": "",
"underlineCColor": ""
},
{
"channelId": 2007,
"channelStyle": 2,
"channelType": 1,
"defaultPermitted": 0,
"delPermitted": 1,
"fontCColor": "#FFFFFF",
"fontColor": "#F9AB99",
"headlinesOn": 0,
"homeChannel": "0",
"iconCUrl": "",
"iconCUrlSize": "",
"iconUrl": "",
"iconUrlSize": "",
"localChannel": "0",
"moreChannel": "0",
"movePermitted": 1,
"myChannel": "0",
"name": "镜头",
"num": 6,
"pageId": 20017,
"pageType": "",
"underlineCColor": ""
},
{
"channelId": 2006,
"channelStyle": 3,
"channelType": 1,
"defaultPermitted": 0,
"delPermitted": 1,
"fontCColor": "#FFFFFF",
"fontColor": "#F9AB99",
"headlinesOn": 0,
"homeChannel": "0",
"iconCUrl": "",
"iconCUrlSize": "",
"iconUrl": "",
"iconUrlSize": "",
"localChannel": "0",
"moreChannel": "0",
"movePermitted": 1,
"myChannel": "0",
"name": "版面",
"num": 7,
"pageId": 20016,
"pageType": "",
"underlineCColor": ""
},
{
"channelId": 2015,
"channelStyle": 2,
"channelType": 1,
"defaultPermitted": 0,
"delPermitted": 1,
"fontCColor": "#FFFFFF",
"fontColor": "#F9AB99",
"headlinesOn": 0,
"homeChannel": "0",
"iconCUrl": "",
"iconCUrlSize": "210*60",
"iconUrl": "",
"iconUrlSize": "210*60",
"localChannel": "0",
"moreChannel": "0",
"movePermitted": 1,
"myChannel": "0",
"name": "科技",
"num": 8,
"pageId": 20025,
"pageType": "",
"underlineCColor": ""
},
{
"channelId": 2063,
"channelStyle": 2,
"channelType": 1,
"defaultPermitted": 0,
"delPermitted": 0,
"fontCColor": "#FFFFFF",
"fontColor": "#F9AB99",
"headlinesOn": 0,
"homeChannel": "0",
"iconCUrl": "",
"iconCUrlSize": "",
"iconUrl": "",
"iconUrlSize": "",
"localChannel": "0",
"moreChannel": "0",
"movePermitted": 1,
"myChannel": "0",
"name": "两会",
"num": 9,
"pageId": 21000,
"pageType": "",
"underlineCColor": ""
},
{
"channelId": 2064,
"channelStyle": 2,
"channelType": 1,
"defaultPermitted": 0,
"delPermitted": 1,
"fontCColor": "#FFFFFF",
"fontColor": "#F9AB99",
"headlinesOn": 0,
"homeChannel": "0",
"iconCUrl": "",
"iconCUrlSize": "",
"iconUrl": "",
"iconUrlSize": "",
"localChannel": "0",
"moreChannel": "0",
"movePermitted": 1,
"myChannel": "0",
"name": "二十大",
"num": 10,
"pageId": 21001,
"pageType": "",
"underlineCColor": ""
},
{
"channelId": 2003,
"channelStyle": 2,
"channelType": 1,
"defaultPermitted": 0,
"delPermitted": 1,
"fontCColor": "#FFFFFF",
"fontColor": "#F9AB99",
"headlinesOn": 0,
"homeChannel": "0",
"iconCUrl": "",
"iconCUrlSize": "",
"iconUrl": "",
"iconUrlSize": "",
"localChannel": "0",
"moreChannel": "0",
"movePermitted": 1,
"myChannel": "0",
"name": "锐评",
"num": 11,
"pageId": 20013,
"pageType": "",
"underlineCColor": ""
},
{
"channelId": 2011,
"channelStyle": 2,
"channelType": 1,
"defaultPermitted": 0,
"delPermitted": 1,
"fontCColor": "#FFFFFF",
"fontColor": "#F9AB99",
"headlinesOn": 0,
"homeChannel": "0",
"iconCUrl": "",
"iconCUrlSize": "",
"iconUrl": "",
"iconUrlSize": "",
"localChannel": "0",
"moreChannel": "0",
"movePermitted": 1,
"myChannel": "0",
"name": "体育",
"num": 12,
"pageId": 20021,
"pageType": "",
"underlineCColor": ""
},
{
"channelId": 2005,
"channelStyle": 2,
"channelType": 1,
"defaultPermitted": 0,
"delPermitted": 1,
"fontCColor": "#FFFFFF",
"fontColor": "#F9AB99",
"headlinesOn": 0,
"homeChannel": "0",
"iconCUrl": "",
"iconCUrlSize": "",
"iconUrl": "",
"iconUrlSize": "",
"localChannel": "0",
"moreChannel": "0",
"movePermitted": 1,
"myChannel": "0",
"name": "文件",
"num": 14,
"pageId": 20015,
"pageType": "",
"underlineCColor": ""
},
{
"channelId": 2065,
"channelStyle": 2,
"channelType": 1,
"defaultPermitted": 0,
"delPermitted": 1,
"fontCColor": "#FFFFFF",
"fontColor": "#F9AB99",
"headlinesOn": 0,
"homeChannel": "0",
"iconCUrl": "",
"iconCUrlSize": "",
"iconUrl": "",
"iconUrlSize": "",
"localChannel": "0",
"moreChannel": "0",
"movePermitted": 1,
"myChannel": "0",
"name": "三农",
"num": 15,
"pageId": 21002,
"pageType": "",
"underlineCColor": ""
},
{
"channelId": 2016,
"channelStyle": 2,
"channelType": 1,
"defaultPermitted": 0,
"delPermitted": 1,
"fontCColor": "#FFFFFF",
"fontColor": "#F9AB99",
"headlinesOn": 0,
"homeChannel": "0",
"iconCUrl": "",
"iconCUrlSize": "",
"iconUrl": "",
"iconUrlSize": "",
"localChannel": "0",
"moreChannel": "0",
"movePermitted": 1,
"myChannel": "0",
"name": "乡村振兴",
"num": 16,
"pageId": 20026,
"pageType": "",
"underlineCColor": ""
},
{
"channelId": 2010,
"channelStyle": 2,
"channelType": 1,
"defaultPermitted": 0,
"delPermitted": 1,
"fontCColor": "#FFFFFF",
"fontColor": "#F9AB99",
"headlinesOn": 0,
"homeChannel": "0",
"iconCUrl": "",
"iconCUrlSize": "",
"iconUrl": "",
"iconUrlSize": "",
"localChannel": "0",
"moreChannel": "0",
"movePermitted": 1,
"myChannel": "0",
"name": "财经",
"num": 18,
"pageId": 20020,
"pageType": "",
"underlineCColor": ""
},
{
"channelId": 2013,
"channelStyle": 2,
"channelType": 1,
"defaultPermitted": 0,
"delPermitted": 1,
"fontCColor": "#FFFFFF",
"fontColor": "#F9AB99",
"headlinesOn": 0,
"homeChannel": "0",
"iconCUrl": "",
"iconCUrlSize": "",
"iconUrl": "",
"iconUrlSize": "",
"localChannel": "0",
"moreChannel": "0",
"movePermitted": 1,
"myChannel": "0",
"name": "教育",
"num": 19,
"pageId": 20023,
"pageType": "",
"underlineCColor": ""
},
{
"channelId": 2017,
"channelStyle": 2,
"channelType": 1,
"defaultPermitted": 0,
"delPermitted": 1,
"fontCColor": "#FFFFFF",
"fontColor": "#F9AB99",
"headlinesOn": 0,
"homeChannel": "0",
"iconCUrl": "",
"iconCUrlSize": "",
"iconUrl": "",
"iconUrlSize": "",
"localChannel": "0",
"moreChannel": "0",
"movePermitted": 1,
"myChannel": "0",
"name": "健康",
"num": 20,
"pageId": 20027,
"pageType": "",
"underlineCColor": ""
},
{
"channelId": 2014,
"channelStyle": 2,
"channelType": 1,
"defaultPermitted": 0,
"delPermitted": 1,
"fontCColor": "#FFFFFF",
"fontColor": "#F9AB99",
"headlinesOn": 0,
"homeChannel": "0",
"iconCUrl": "",
"iconCUrlSize": "",
"iconUrl": "",
"iconUrlSize": "",
"localChannel": "0",
"moreChannel": "0",
"movePermitted": 1,
"myChannel": "0",
"name": "军事",
"num": 21,
"pageId": 20024,
"pageType": "",
"underlineCColor": ""
},
{
"channelId": 2018,
"channelStyle": 2,
"channelType": 1,
"defaultPermitted": 0,
"delPermitted": 1,
"fontCColor": "#FFFFFF",
"fontColor": "#F9AB99",
"headlinesOn": 0,
"homeChannel": "0",
"iconCUrl": "",
"iconCUrlSize": "",
"iconUrl": "",
"iconUrlSize": "",
"localChannel": "0",
"moreChannel": "0",
"movePermitted": 1,
"myChannel": "0",
"name": "汽车",
"num": 22,
"pageId": 20028,
"pageType": "",
"underlineCColor": ""
},
{
"channelId": 2019,
"channelStyle": 2,
"channelType": 1,
"defaultPermitted": 0,
"delPermitted": 1,
"fontCColor": "#FFFFFF",
"fontColor": "#F9AB99",
"headlinesOn": 0,
"homeChannel": "0",
"iconCUrl": "",
"iconCUrlSize": "",
"iconUrl": "",
"iconUrlSize": "",
"localChannel": "0",
"moreChannel": "0",
"movePermitted": 1,
"myChannel": "0",
"name": "房产",
"num": 23,
"pageId": 20029,
"pageType": "",
"underlineCColor": ""
},
{
"channelId": 2027,
"channelStyle": 2,
"channelType": 2,
"defaultPermitted": 0,
"delPermitted": 1,
"fontCColor": "#FFFFFF",
"fontColor": "#F9AB99",
"headlinesOn": 0,
"homeChannel": "0",
"iconCUrl": "",
"iconCUrlSize": "",
"iconUrl": "",
"iconUrlSize": "",
"localChannel": "0",
"moreChannel": "0",
"movePermitted": 1,
"myChannel": "0",
"name": "北京",
"num": 24,
"pageId": 20037,
"pageType": "",
"underlineCColor": ""
},
{
"channelId": 2029,
"channelStyle": 2,
"channelType": 2,
"defaultPermitted": 0,
"delPermitted": 1,
"fontCColor": "#FFFFFF",
"fontColor": "#F9AB99",
"headlinesOn": 0,
"homeChannel": "0",
"iconCUrl": "",
"iconCUrlSize": "",
"iconUrl": "",
"iconUrlSize": "",
"localChannel": "0",
"moreChannel": "0",
"movePermitted": 1,
"myChannel": "0",
"name": "天津",
"num": 25,
"pageId": 20039,
"pageType": "",
"underlineCColor": ""
},
{
"channelId": 2030,
"channelStyle": 2,
"channelType": 2,
"defaultPermitted": 0,
"delPermitted": 1,
"fontCColor": "#FFFFFF",
"fontColor": "#F9AB99",
"headlinesOn": 0,
"homeChannel": "0",
"iconCUrl": "",
"iconCUrlSize": "",
"iconUrl": "",
"iconUrlSize": "",
"localChannel": "0",
"moreChannel": "0",
"movePermitted": 1,
"myChannel": "0",
"name": "河北",
"num": 26,
"pageId": 20040,
"pageType": "",
"underlineCColor": ""
},
{
"channelId": 2031,
"channelStyle": 2,
"channelType": 2,
"defaultPermitted": 0,
"delPermitted": 1,
"fontCColor": "#FFFFFF",
"fontColor": "#F9AB99",
"headlinesOn": 0,
"homeChannel": "0",
"iconCUrl": "",
"iconCUrlSize": "",
"iconUrl": "",
"iconUrlSize": "",
"localChannel": "0",
"moreChannel": "0",
"movePermitted": 1,
"myChannel": "0",
"name": "山西",
"num": 27,
"pageId": 20041,
"pageType": "",
"underlineCColor": ""
},
{
"channelId": 2032,
"channelStyle": 2,
"channelType": 2,
"defaultPermitted": 0,
"delPermitted": 1,
"fontCColor": "#FFFFFF",
"fontColor": "#F9AB99",
"headlinesOn": 0,
"homeChannel": "0",
"iconCUrl": "",
"iconCUrlSize": "",
"iconUrl": "",
"iconUrlSize": "",
"localChannel": "0",
"moreChannel": "0",
"movePermitted": 1,
"myChannel": "0",
"name": "内蒙古",
"num": 28,
"pageId": 20042,
"pageType": "",
"underlineCColor": ""
},
{
"channelId": 2033,
"channelStyle": 2,
"channelType": 2,
"defaultPermitted": 0,
"delPermitted": 1,
"fontCColor": "#FFFFFF",
"fontColor": "#F9AB99",
"headlinesOn": 0,
"homeChannel": "0",
"iconCUrl": "",
"iconCUrlSize": "",
"iconUrl": "",
"iconUrlSize": "",
"localChannel": "0",
"moreChannel": "0",
"movePermitted": 1,
"myChannel": "0",
"name": "辽宁",
"num": 29,
"pageId": 20043,
"pageType": "",
"underlineCColor": ""
},
{
"channelId": 2034,
"channelStyle": 2,
"channelType": 2,
"defaultPermitted": 0,
"delPermitted": 1,
"fontCColor": "#FFFFFF",
"fontColor": "#F9AB99",
"headlinesOn": 0,
"homeChannel": "0",
"iconCUrl": "",
"iconCUrlSize": "",
"iconUrl": "",
"iconUrlSize": "",
"localChannel": "0",
"moreChannel": "0",
"movePermitted": 1,
"myChannel": "0",
"name": "吉林",
"num": 30,
"pageId": 20044,
"pageType": "",
"underlineCColor": ""
},
{
"channelId": 2035,
"channelStyle": 2,
"channelType": 2,
"defaultPermitted": 0,
"delPermitted": 1,
"fontCColor": "#FFFFFF",
"fontColor": "#F9AB99",
"headlinesOn": 0,
"homeChannel": "0",
"iconCUrl": "",
"iconCUrlSize": "",
"iconUrl": "",
"iconUrlSize": "",
"localChannel": "0",
"moreChannel": "0",
"movePermitted": 1,
"myChannel": "0",
"name": "黑龙江",
"num": 31,
"pageId": 20045,
"pageType": "",
"underlineCColor": ""
},
{
"channelId": 2028,
"channelStyle": 2,
"channelType": 2,
"defaultPermitted": 0,
"delPermitted": 1,
"fontCColor": "#FFFFFF",
"fontColor": "#F9AB99",
"headlinesOn": 0,
"homeChannel": "0",
"iconCUrl": "",
"iconCUrlSize": "",
"iconUrl": "",
"iconUrlSize": "",
"localChannel": "0",
"moreChannel": "0",
"movePermitted": 1,
"myChannel": "0",
"name": "上海",
"num": 32,
"pageId": 20038,
"pageType": "",
"underlineCColor": ""
},
{
"channelId": 2036,
"channelStyle": 2,
"channelType": 2,
"defaultPermitted": 0,
"delPermitted": 1,
"fontCColor": "#FFFFFF",
"fontColor": "#F9AB99",
"headlinesOn": 0,
"homeChannel": "0",
"iconCUrl": "",
"iconCUrlSize": "",
"iconUrl": "",
"iconUrlSize": "",
"localChannel": "0",
"moreChannel": "0",
"movePermitted": 1,
"myChannel": "0",
"name": "江苏",
"num": 33,
"pageId": 20046,
"pageType": "",
"underlineCColor": ""
},
{
"channelId": 2037,
"channelStyle": 2,
"channelType": 2,
"defaultPermitted": 0,
"delPermitted": 1,
"fontCColor": "#FFFFFF",
"fontColor": "#F9AB99",
"headlinesOn": 0,
"homeChannel": "0",
"iconCUrl": "",
"iconCUrlSize": "",
"iconUrl": "",
"iconUrlSize": "",
"localChannel": "0",
"moreChannel": "0",
"movePermitted": 1,
"myChannel": "0",
"name": "浙江",
"num": 34,
"pageId": 20047,
"pageType": "",
"underlineCColor": ""
},
{
"channelId": 2038,
"channelStyle": 2,
"channelType": 2,
"defaultPermitted": 0,
"delPermitted": 1,
"fontCColor": "#FFFFFF",
"fontColor": "#F9AB99",
"headlinesOn": 0,
"homeChannel": "0",
"iconCUrl": "",
"iconCUrlSize": "",
"iconUrl": "",
"iconUrlSize": "",
"localChannel": "0",
"moreChannel": "0",
"movePermitted": 1,
"myChannel": "0",
"name": "安徽",
"num": 35,
"pageId": 20048,
"pageType": "",
"underlineCColor": ""
},
{
"channelId": 2039,
"channelStyle": 2,
"channelType": 2,
"defaultPermitted": 0,
"delPermitted": 1,
"fontCColor": "#FFFFFF",
"fontColor": "#F9AB99",
"headlinesOn": 0,
"homeChannel": "0",
"iconCUrl": "",
"iconCUrlSize": "",
"iconUrl": "",
"iconUrlSize": "",
"localChannel": "0",
"moreChannel": "0",
"movePermitted": 1,
"myChannel": "0",
"name": "福建",
"num": 36,
"pageId": 20049,
"pageType": "",
"underlineCColor": ""
},
{
"channelId": 2040,
"channelStyle": 2,
"channelType": 2,
"defaultPermitted": 0,
"delPermitted": 1,
"fontCColor": "#FFFFFF",
"fontColor": "#F9AB99",
"headlinesOn": 0,
"homeChannel": "0",
"iconCUrl": "",
"iconCUrlSize": "",
"iconUrl": "",
"iconUrlSize": "",
"localChannel": "0",
"moreChannel": "0",
"movePermitted": 1,
"myChannel": "0",
"name": "江西",
"num": 37,
"pageId": 20050,
"pageType": "",
"underlineCColor": ""
},
{
"channelId": 2041,
"channelStyle": 2,
"channelType": 2,
"defaultPermitted": 0,
"delPermitted": 1,
"fontCColor": "#FFFFFF",
"fontColor": "#F9AB99",
"headlinesOn": 0,
"homeChannel": "0",
"iconCUrl": "",
"iconCUrlSize": "",
"iconUrl": "",
"iconUrlSize": "",
"localChannel": "0",
"moreChannel": "0",
"movePermitted": 1,
"myChannel": "0",
"name": "山东",
"num": 38,
"pageId": 20051,
"pageType": "",
"underlineCColor": ""
},
{
"channelId": 2042,
"channelStyle": 2,
"channelType": 2,
"defaultPermitted": 0,
"delPermitted": 1,
"fontCColor": "#FFFFFF",
"fontColor": "#F9AB99",
"headlinesOn": 0,
"homeChannel": "0",
"iconCUrl": "",
"iconCUrlSize": "",
"iconUrl": "",
"iconUrlSize": "",
"localChannel": "0",
"moreChannel": "0",
"movePermitted": 1,
"myChannel": "0",
"name": "河南",
"num": 39,
"pageId": 20052,
"pageType": "",
"underlineCColor": ""
},
{
"channelId": 2043,
"channelStyle": 2,
"channelType": 2,
"defaultPermitted": 0,
"delPermitted": 1,
"fontCColor": "#FFFFFF",
"fontColor": "#F9AB99",
"headlinesOn": 0,
"homeChannel": "0",
"iconCUrl": "",
"iconCUrlSize": "",
"iconUrl": "",
"iconUrlSize": "",
"localChannel": "0",
"moreChannel": "0",
"movePermitted": 1,
"myChannel": "0",
"name": "湖北",
"num": 40,
"pageId": 20053,
"pageType": "",
"underlineCColor": ""
},
{
"channelId": 2044,
"channelStyle": 2,
"channelType": 2,
"defaultPermitted": 0,
"delPermitted": 1,
"fontCColor": "#FFFFFF",
"fontColor": "#F9AB99",
"headlinesOn": 0,
"homeChannel": "0",
"iconCUrl": "",
"iconCUrlSize": "",
"iconUrl": "",
"iconUrlSize": "",
"localChannel": "0",
"moreChannel": "0",
"movePermitted": 1,
"myChannel": "0",
"name": "湖南",
"num": 41,
"pageId": 20054,
"pageType": "",
"underlineCColor": ""
},
{
"channelId": 2045,
"channelStyle": 2,
"channelType": 2,
"defaultPermitted": 0,
"delPermitted": 1,
"fontCColor": "#FFFFFF",
"fontColor": "#F9AB99",
"headlinesOn": 0,
"homeChannel": "0",
"iconCUrl": "",
"iconCUrlSize": "",
"iconUrl": "",
"iconUrlSize": "",
"localChannel": "0",
"moreChannel": "0",
"movePermitted": 1,
"myChannel": "0",
"name": "广东",
"num": 42,
"pageId": 20055,
"pageType": "",
"underlineCColor": ""
},
{
"channelId": 2046,
"channelStyle": 2,
"channelType": 2,
"defaultPermitted": 0,
"delPermitted": 1,
"fontCColor": "#FFFFFF",
"fontColor": "#F9AB99",
"headlinesOn": 0,
"homeChannel": "0",
"iconCUrl": "",
"iconCUrlSize": "",
"iconUrl": "",
"iconUrlSize": "",
"localChannel": "0",
"moreChannel": "0",
"movePermitted": 1,
"myChannel": "0",
"name": "广西",
"num": 43,
"pageId": 20056,
"pageType": "",
"underlineCColor": ""
},
{
"channelId": 2047,
"channelStyle": 2,
"channelType": 2,
"defaultPermitted": 0,
"delPermitted": 1,
"fontCColor": "#FFFFFF",
"fontColor": "#F9AB99",
"headlinesOn": 0,
"homeChannel": "0",
"iconCUrl": "",
"iconCUrlSize": "",
"iconUrl": "",
"iconUrlSize": "",
"localChannel": "0",
"moreChannel": "0",
"movePermitted": 1,
"myChannel": "0",
"name": "海南",
"num": 44,
"pageId": 20057,
"pageType": "",
"underlineCColor": ""
},
{
"channelId": 2048,
"channelStyle": 2,
"channelType": 2,
"defaultPermitted": 0,
"delPermitted": 1,
"fontCColor": "#FFFFFF",
"fontColor": "#F9AB99",
"headlinesOn": 0,
"homeChannel": "0",
"iconCUrl": "",
"iconCUrlSize": "",
"iconUrl": "",
"iconUrlSize": "",
"localChannel": "0",
"moreChannel": "0",
"movePermitted": 1,
"myChannel": "0",
"name": "重庆",
"num": 45,
"pageId": 20058,
"pageType": "",
"underlineCColor": ""
},
{
"channelId": 2049,
"channelStyle": 2,
"channelType": 2,
"defaultPermitted": 0,
"delPermitted": 1,
"fontCColor": "#FFFFFF",
"fontColor": "#F9AB99",
"headlinesOn": 0,
"homeChannel": "0",
"iconCUrl": "",
"iconCUrlSize": "",
"iconUrl": "",
"iconUrlSize": "",
"localChannel": "0",
"moreChannel": "0",
"movePermitted": 1,
"myChannel": "0",
"name": "四川",
"num": 46,
"pageId": 20059,
"pageType": "",
"underlineCColor": ""
},
{
"channelId": 2050,
"channelStyle": 2,
"channelType": 2,
"defaultPermitted": 0,
"delPermitted": 1,
"fontCColor": "#FFFFFF",
"fontColor": "#F9AB99",
"headlinesOn": 0,
"homeChannel": "0",
"iconCUrl": "",
"iconCUrlSize": "",
"iconUrl": "",
"iconUrlSize": "",
"localChannel": "0",
"moreChannel": "0",
"movePermitted": 1,
"myChannel": "0",
"name": "贵州",
"num": 47,
"pageId": 20060,
"pageType": "",
"underlineCColor": ""
},
{
"channelId": 2051,
"channelStyle": 2,
"channelType": 2,
"defaultPermitted": 0,
"delPermitted": 1,
"fontCColor": "#FFFFFF",
"fontColor": "#F9AB99",
"headlinesOn": 0,
"homeChannel": "0",
"iconCUrl": "",
"iconCUrlSize": "",
"iconUrl": "",
"iconUrlSize": "",
"localChannel": "0",
"moreChannel": "0",
"movePermitted": 1,
"myChannel": "0",
"name": "云南",
"num": 48,
"pageId": 20061,
"pageType": "",
"underlineCColor": ""
},
{
"channelId": 2052,
"channelStyle": 2,
"channelType": 2,
"defaultPermitted": 0,
"delPermitted": 1,
"fontCColor": "#FFFFFF",
"fontColor": "#F9AB99",
"headlinesOn": 0,
"homeChannel": "0",
"iconCUrl": "",
"iconCUrlSize": "",
"iconUrl": "",
"iconUrlSize": "",
"localChannel": "0",
"moreChannel": "0",
"movePermitted": 1,
"myChannel": "0",
"name": "西藏",
"num": 49,
"pageId": 20062,
"pageType": "",
"underlineCColor": ""
},
{
"channelId": 2053,
"channelStyle": 2,
"channelType": 2,
"defaultPermitted": 0,
"delPermitted": 1,
"fontCColor": "#FFFFFF",
"fontColor": "#F9AB99",
"headlinesOn": 0,
"homeChannel": "0",
"iconCUrl": "",
"iconCUrlSize": "",
"iconUrl": "",
"iconUrlSize": "",
"localChannel": "0",
"moreChannel": "0",
"movePermitted": 1,
"myChannel": "0",
"name": "陕西",
"num": 50,
"pageId": 20063,
"pageType": "",
"underlineCColor": ""
},
{
"channelId": 2054,
"channelStyle": 2,
"channelType": 2,
"defaultPermitted": 0,
"delPermitted": 1,
"fontCColor": "#FFFFFF",
"fontColor": "#F9AB99",
"headlinesOn": 0,
"homeChannel": "0",
"iconCUrl": "",
"iconCUrlSize": "",
"iconUrl": "",
"iconUrlSize": "",
"localChannel": "0",
"moreChannel": "0",
"movePermitted": 1,
"myChannel": "0",
"name": "甘肃",
"num": 51,
"pageId": 20064,
"pageType": "",
"underlineCColor": ""
},
{
"channelId": 2055,
"channelStyle": 2,
"channelType": 2,
"defaultPermitted": 0,
"delPermitted": 1,
"fontCColor": "#FFFFFF",
"fontColor": "#F9AB99",
"headlinesOn": 0,
"homeChannel": "0",
"iconCUrl": "",
"iconCUrlSize": "",
"iconUrl": "",
"iconUrlSize": "",
"localChannel": "0",
"moreChannel": "0",
"movePermitted": 1,
"myChannel": "0",
"name": "青海",
"num": 52,
"pageId": 20065,
"pageType": "",
"underlineCColor": ""
},
{
"channelId": 2056,
"channelStyle": 2,
"channelType": 2,
"defaultPermitted": 0,
"delPermitted": 1,
"fontCColor": "#FFFFFF",
"fontColor": "#F9AB99",
"headlinesOn": 0,
"homeChannel": "0",
"iconCUrl": "",
"iconCUrlSize": "",
"iconUrl": "",
"iconUrlSize": "",
"localChannel": "0",
"moreChannel": "0",
"movePermitted": 1,
"myChannel": "0",
"name": "宁夏",
"num": 53,
"pageId": 20066,
"pageType": "",
"underlineCColor": ""
},
{
"channelId": 2057,
"channelStyle": 2,
"channelType": 2,
"defaultPermitted": 0,
"delPermitted": 1,
"fontCColor": "#FFFFFF",
"fontColor": "#F9AB99",
"headlinesOn": 0,
"homeChannel": "0",
"iconCUrl": "",
"iconCUrlSize": "",
"iconUrl": "",
"iconUrlSize": "",
"localChannel": "0",
"moreChannel": "0",
"movePermitted": 1,
"myChannel": "0",
"name": "新疆",
"num": 54,
"pageId": 20067,
"pageType": "",
"underlineCColor": ""
},
{
"channelId": 2020,
"channelStyle": 2,
"channelType": 1,
"defaultPermitted": 0,
"delPermitted": 1,
"fontCColor": "#FFFFFF",
"fontColor": "#F9AB99",
"headlinesOn": 0,
"homeChannel": "0",
"iconCUrl": "",
"iconCUrlSize": "",
"iconUrl": "",
"iconUrlSize": "",
"localChannel": "0",
"moreChannel": "0",
"movePermitted": 1,
"myChannel": "0",
"name": "国际",
"num": 57,
"pageId": 20030,
"pageType": "",
"underlineCColor": ""
},
{
"channelId": 2021,
"channelStyle": 2,
"channelType": 1,
"defaultPermitted": 0,
"delPermitted": 1,
"fontCColor": "#FFFFFF",
"fontColor": "#F9AB99",
"headlinesOn": 0,
"homeChannel": "0",
"iconCUrl": "",
"iconCUrlSize": "",
"iconUrl": "",
"iconUrlSize": "",
"localChannel": "0",
"moreChannel": "0",
"movePermitted": 1,
"myChannel": "0",
"name": "法治",
"num": 58,
"pageId": 20031,
"pageType": "",
"underlineCColor": ""
},
{
"channelId": 2022,
"channelStyle": 2,
"channelType": 1,
"defaultPermitted": 0,
"delPermitted": 1,
"fontCColor": "#FFFFFF",
"fontColor": "#F9AB99",
"headlinesOn": 0,
"homeChannel": "0",
"iconCUrl": "",
"iconCUrlSize": "",
"iconUrl": "",
"iconUrlSize": "",
"localChannel": "0",
"moreChannel": "0",
"movePermitted": 1,
"myChannel": "0",
"name": "生活",
"num": 59,
"pageId": 20032,
"pageType": "",
"underlineCColor": ""
},
{
"channelId": 2092,
"channelStyle": 2,
"channelType": 1,
"defaultPermitted": 0,
"delPermitted": 0,
"fontCColor": "#FFFFFF",
"fontColor": "#F9AB99",
"headlinesOn": 0,
"homeChannel": "0",
"iconCUrl": "",
"iconCUrlSize": "",
"iconUrl": "",
"iconUrlSize": "",
"localChannel": "0",
"moreChannel": "0",
"movePermitted": 1,
"myChannel": "0",
"name": "设计",
"num": 68,
"pageId": 21063,
"pageType": "",
"underlineCColor": ""
},
{
"channelId": 2098,
"channelStyle": 2,
"channelType": 1,
"defaultPermitted": 0,
"delPermitted": 0,
"fontCColor": "#FFFFFF",
"fontColor": "#F9AB99",
"headlinesOn": 0,
"homeChannel": "0",
"iconCUrl": "",
"iconCUrlSize": "",
"iconUrl": "",
"iconUrlSize": "",
"localChannel": "0",
"moreChannel": "0",
"movePermitted": 0,
"myChannel": "0",
"name": "设计组件",
"num": 72,
"pageId": 21299,
"pageType": "",
"underlineCColor": ""
},
{
"channelId": 2099,
"channelStyle": 2,
"channelType": 1,
"defaultPermitted": 0,
"delPermitted": 0,
"fontCColor": "",
"fontColor": "",
"headlinesOn": 0,
"homeChannel": "0",
"iconCUrl": "",
"iconCUrlSize": "",
"iconUrl": "",
"iconUrlSize": "",
"localChannel": "0",
"moreChannel": "0",
"movePermitted": 1,
"myChannel": "0",
"name": "设计号",
"num": 73,
"pageId": 21736,
"pageType": "",
"underlineCColor": ""
}
],
"topStyle": "11",
"type": "1"
},
{
"backgroundUrl": "https://uatjdcdnphoto.aikan.pdnews.cn/sjbj-20231214/image/display/2e1d5f235d1a44cfb9fc120e8596c56b.png",
"channelChooseActionUrl": "https://uatjdcdnphoto.aikan.pdnews.cn/sjbj-20231227/vod/display/3835f09a973443cb824af179e30e87ed.pag",
"channelChooseCColor": "#666666",
"channelChooseColor": "#222222",
"channelMoreColor": "",
"extraData": "{\"haveSearch\":\"0\",\"haveTopNav\":\"1\",\"leftIconurl\":\"\",\"rightIconUrl\":\"\"}",
"homePageColor": "#FFFFFF",
"icon": "https://uatjdcdnphoto.aikan.pdnews.cn/sjbj-20231220/image/display/460f61a48c6a4993af442d54aedb682b.png",
"iconC": "https://uatjdcdnphoto.aikan.pdnews.cn/sjbj-20231220/image/display/9aa759f72ccb4848b3ded2dee9502c25.gif",
"id": 202,
"immersiveIconCUrl": "",
"immersiveIconUrl": "",
"immersiveNameCColor": "#FFFFFF",
"immersiveNameColor": "#FFFFFF",
"logoUrl": "",
"morningAndEveningUrl": "",
"name": "人民号",
"nameCColor": "#ED2800",
"nameColor": "#999999",
"nightIconCUrl": "",
"nightIconUrl": "",
"nightNameCColor": "",
"nightNameColor": "",
"noticeColor": "#FFFFFF",
"pageId": null,
"pageType": null,
"searchBothColor": "#222222",
"searchUrl": "",
"sortValue": 2,
"statusBarColor": 1,
"topNavChannelList": [
{
"channelId": 2058,
"channelStyle": 3,
"channelType": 1,
"defaultPermitted": 0,
"delPermitted": 1,
"fontCColor": "#FFFFFF",
"fontColor": "#F9AB99",
"headlinesOn": 0,
"homeChannel": "0",
"iconCUrl": "",
"iconCUrlSize": "",
"iconUrl": "",
"iconUrlSize": "",
"localChannel": "0",
"moreChannel": "0",
"movePermitted": 1,
"myChannel": "0",
"name": "推荐",
"num": 1,
"pageId": 20068,
"pageType": "",
"underlineCColor": ""
},
{
"channelId": 2059,
"channelStyle": 3,
"channelType": 3,
"defaultPermitted": 0,
"delPermitted": 1,
"fontCColor": "#FFFFFF",
"fontColor": "#F9AB99",
"headlinesOn": 0,
"homeChannel": "0",
"iconCUrl": "",
"iconCUrlSize": "",
"iconUrl": "",
"iconUrlSize": "",
"localChannel": "0",
"moreChannel": "0",
"movePermitted": 1,
"myChannel": "0",
"name": "关注",
"num": 2,
"pageId": 20069,
"pageType": "",
"underlineCColor": ""
},
{
"channelId": 2073,
"channelStyle": 3,
"channelType": 1,
"defaultPermitted": 0,
"delPermitted": 1,
"fontCColor": "#FFFFFF",
"fontColor": "#F9AB99",
"headlinesOn": 0,
"homeChannel": "0",
"iconCUrl": "",
"iconCUrlSize": "",
"iconUrl": "",
"iconUrlSize": "",
"localChannel": "0",
"moreChannel": "0",
"movePermitted": 1,
"myChannel": "0",
"name": "活动",
"num": 3,
"pageId": 21010,
"pageType": "",
"underlineCColor": ""
}
],
"topStyle": "12",
"type": "1"
},
{
"backgroundUrl": "https://uatjdcdnphoto.aikan.pdnews.cn/sjbj-20231214/image/display/2e1d5f235d1a44cfb9fc120e8596c56b.png",
"channelChooseActionUrl": "https://uatjdcdnphoto.aikan.pdnews.cn/sjbj-20231221/vod/display/65c6eb2ca91849c582d057adc9e76d46.pag",
"channelChooseCColor": "#666666",
"channelChooseColor": "#222222",
"channelMoreColor": "",
"extraData": "{\"haveSearch\":\"1\",\"haveTopNav\":\"1\",\"leftIconurl\":\"\",\"rightIconUrl\":\"\"}",
"homePageColor": "#FFFFFF",
"icon": "https://uatjdcdnphoto.aikan.pdnews.cn/sjbj-20231221/image/display/bf77561966654001a538857ebef8a15c.png",
"iconC": "https://uatjdcdnphoto.aikan.pdnews.cn/sjbj-20231224/image/display/1a42d5b8183a4eb1a044ddd64223c687.png",
"id": 203,
"immersiveIconCUrl": "",
"immersiveIconUrl": "",
"immersiveNameCColor": "#FFFFFF",
"immersiveNameColor": "#FFFFFF",
"logoUrl": "",
"morningAndEveningUrl": "",
"name": "视频",
"nameCColor": "#ED2800",
"nameColor": "#999999",
"nightIconCUrl": "",
"nightIconUrl": "",
"nightNameCColor": "",
"nightNameColor": "",
"noticeColor": "#FFFFFF",
"pageId": null,
"pageType": null,
"searchBothColor": "#222222",
"searchUrl": "",
"sortValue": 3,
"statusBarColor": 1,
"topNavChannelList": [
{
"channelId": 2060,
"channelStyle": 1,
"channelType": 1,
"defaultPermitted": 0,
"delPermitted": 1,
"fontCColor": "#FFFFFF",
"fontColor": "#F9AB99",
"headlinesOn": 0,
"homeChannel": "0",
"iconCUrl": "",
"iconCUrlSize": "",
"iconUrl": "",
"iconUrlSize": "",
"localChannel": "0",
"moreChannel": "0",
"movePermitted": 1,
"myChannel": "0",
"name": "视频",
"num": 1,
"pageId": 20070,
"pageType": "",
"underlineCColor": ""
},
{
"channelId": 2061,
"channelStyle": 3,
"channelType": 1,
"defaultPermitted": 0,
"delPermitted": 1,
"fontCColor": "#FFFFFF",
"fontColor": "#F9AB99",
"headlinesOn": 0,
"homeChannel": "0",
"iconCUrl": "",
"iconCUrlSize": "",
"iconUrl": "",
"iconUrlSize": "",
"localChannel": "0",
"moreChannel": "0",
"movePermitted": 1,
"myChannel": "0",
"name": "直播",
"num": 2,
"pageId": 20071,
"pageType": "",
"underlineCColor": ""
}
],
"topStyle": "13",
"type": "1"
},
{
"backgroundUrl": "https://uatjdcdnphoto.aikan.pdnews.cn/sjbj-20231214/image/display/2e1d5f235d1a44cfb9fc120e8596c56b.png",
"channelChooseActionUrl": "https://uatjdcdnphoto.aikan.pdnews.cn/sjbj-20231221/vod/display/65c6eb2ca91849c582d057adc9e76d46.pag",
"channelChooseCColor": "#666666",
"channelChooseColor": "#222222",
"channelMoreColor": "",
"extraData": "{\"haveSearch\":\"1\",\"haveTopNav\":\"1\",\"leftIconurl\":\"\",\"rightIconUrl\":\"\"}",
"homePageColor": "#FFFFFF",
"icon": "https://uatjdcdnphoto.aikan.pdnews.cn/sjbj-20231220/image/display/5a6cf95f7b9e489390ec73faf458b58a.png",
"iconC": "https://uatjdcdnphoto.aikan.pdnews.cn/sjbj-20231220/image/display/1b075ed30a6b43d2ae319e5d892c66e4.gif",
"id": 204,
"immersiveIconCUrl": "",
"immersiveIconUrl": "",
"immersiveNameCColor": "#FFFFFF",
"immersiveNameColor": "#FFFFFF",
"logoUrl": "",
"morningAndEveningUrl": "",
"name": "服务",
"nameCColor": "#ED2800",
"nameColor": "#999999",
"nightIconCUrl": "",
"nightIconUrl": "",
"nightNameCColor": "",
"nightNameColor": "",
"noticeColor": "#FFFFFF",
"pageId": null,
"pageType": null,
"searchBothColor": "#222222",
"searchUrl": "",
"sortValue": 4,
"statusBarColor": 1,
"topNavChannelList": [
{
"channelId": 2062,
"channelStyle": 3,
"channelType": 1,
"defaultPermitted": 0,
"delPermitted": 1,
"fontCColor": "#FFFFFF",
"fontColor": "#F9AB99",
"headlinesOn": 0,
"homeChannel": "0",
"iconCUrl": "",
"iconCUrlSize": "",
"iconUrl": "",
"iconUrlSize": "",
"localChannel": "0",
"moreChannel": "0",
"movePermitted": 1,
"myChannel": "0",
"name": "服务",
"num": 1,
"pageId": 20072,
"pageType": "",
"underlineCColor": ""
}
],
"topStyle": "14",
"type": "1"
},
{
"backgroundUrl": "https://uatjdcdnphoto.aikan.pdnews.cn/sjbj-20231214/image/display/3e1f4fe85b0445b6a0be24f3759d0ff6.png",
"channelChooseActionUrl": "",
"channelChooseCColor": "#FFFFFF",
"channelChooseColor": "#FFFFFF",
"channelMoreColor": "",
"extraData": "{\"haveSearch\":\"0\",\"haveTopNav\":\"0\"}",
"homePageColor": "#222222",
"icon": "https://uatjdcdnphoto.aikan.pdnews.cn/sjbj-20231220/image/display/f55f0ac25b764809bc8285c284adb147.png",
"iconC": "https://uatjdcdnphoto.aikan.pdnews.cn/sjbj-20231220/image/display/3b5cff54d2a546f5b523a8aa8c33352e.gif",
"id": 205,
"immersiveIconCUrl": "https://uatjdcdnphoto.aikan.pdnews.cn/inen-20230403/image/display/9f22b579db15497797e8204b1ec12d14.png",
"immersiveIconUrl": "https://uatjdcdnphoto.aikan.pdnews.cn/inen-20230403/image/display/5be23055a4dc4d869be2139e9deb7a55.png",
"immersiveNameCColor": "#FFFFFF",
"immersiveNameColor": "#FFFFFF",
"logoUrl": "",
"morningAndEveningUrl": "",
"name": "我的",
"nameCColor": "#ED2800",
"nameColor": "#999999",
"nightIconCUrl": "https://uatjdcdnphoto.aikan.pdnews.cn/inen-20230403/image/display/9d584ddcfdf74e3ea8e445d102127b97.png",
"nightIconUrl": "https://uatjdcdnphoto.aikan.pdnews.cn/inen-20230403/image/display/1f79063b6ecb493c95703e45529d3a5f.png",
"nightNameCColor": "#DA1C1C",
"nightNameColor": "#6A6B75",
"noticeColor": "#ED2800",
"pageId": null,
"pageType": null,
"searchBothColor": "#FFFFFF",
"searchUrl": "",
"sortValue": 5,
"statusBarColor": 1,
"topNavChannelList": [],
"topStyle": "",
"type": "2"
}
],
"greyBottomNav": {
"bottomNavList": [],
"greyUserList": []
},
"immersiveBackgroundColor": "",
"nightBackgroundColor": ""
},
"message": "Success",
"meta": {
"md5": "e2942dbcd76710d1bac0d98f9a0a9d0a"
},
"requestId": "",
"success": true,
"timestamp": 1704765430031
}
\ No newline at end of file
... ...
// enum
export { BottomNavi } from './src/main/ets/enum/BottomNavi';
export { CompStyle } from './src/main/ets/enum/CompStyle';
export { CompType } from './src/main/ets/enum/CompType';
... ... @@ -11,6 +13,13 @@ export { DelayTimeEnum } from './src/main/ets/enum/DelayTimeEnum';
export { ScreenType } from './src/main/ets/enum/ScreenType';
// navigation
export { NavigationBody } from './src/main/ets/bean/navigation/NavigationBody';
export { BottomNavBean } from './src/main/ets/bean/navigation/BottomNavBean';
export { TopNavBean } from './src/main/ets/bean/navigation/TopNavBean';
// entity
export { ItemDTO } from './src/main/ets/bean/ItemDTO';
... ... @@ -26,5 +35,3 @@ export { GroupDTO } from './src/main/ets/bean/component/GroupDTO';
export { CompDTO } from './src/main/ets/bean/component/CompDTO';
export { ContentDTO } from './src/main/ets/bean/component/ContentDTO';
... ...
import { TopNavBean } from './TopNavBean';
/**
* 底导(包含顶导列表）数据
*/
export interface BottomNavBean {
backgroundUrl: string;
channelChooseActionUrl: string;
channelChooseCColor: string;
channelChooseColor: string;
channelMoreColor: string;
extraData: string;
homePageColor: string;
icon: string;
iconC: string;
id: number;
immersiveIconCUrl: string;
immersiveIconUrl: string;
immersiveNameCColor: string;
immersiveNameColor: string;
logoUrl: string;
morningAndEveningUrl: string;
name: string;
nameCColor: string;
nameColor: string;
nightIconCUrl: string;
nightIconUrl: string;
nightNameCColor: string;
nightNameColor: string;
noticeColor: string;
pageId?: string;
pageType?: string;
searchBothColor: string;
searchUrl: string;
sortValue: number;
statusBarColor: number;
topNavChannelList: TopNavBean[];
topStyle: string;
type: string;
}
\ No newline at end of file
... ...
import { BottomNavBean } from './BottomNavBean';
/**
* 导航Body数据
*/
export interface NavigationBody {
backgroundColor: string;
bottomNavList: BottomNavBean[];
// greyBottomNav: GreyBottomNav;
immersiveBackgroundColor: string;
nightBackgroundColor: string;
}
... ...
/**
* 顶导
*/
export interface TopNavBean {
channelId: number;
channelStyle: number;
channelType: number;
defaultPermitted: number;
delPermitted: number;
fontCColor: string;
fontColor: string;
headlinesOn: number;
homeChannel: string;
iconCUrl: string;
iconCUrlSize: string;
iconUrl: string;
iconUrlSize: string;
localChannel: string;
moreChannel: string;
movePermitted: number;
myChannel: string;
name: string;
num: number;
pageId: number;
pageType: string;
underlineCColor: string;
}
... ...
/**
* 底部导航 Bottom navigation item的下标/索引
* 首页 xx、 xx、 xx、 我的
* 新闻 人民号、 视频、 服务、 我的
*/
export const enum BottomNavi {
HOME = 0,
NEWS = 0,
PEOPLE,
VIDEO,
SERVICE,
MINE,
}
... ...
export { PageViewModel } from "./src/main/ets/viewmodel/PageViewModel"
export { CompUtils } from "./src/main/ets/utils/CompUtils"
export { EmptyComponent } from "./src/main/ets/components/EmptyComponent"
... ... @@ -6,6 +8,12 @@ export { ErrorComponent } from "./src/main/ets/components/ErrorComponent"
export { LoadingComponent } from "./src/main/ets/components/LoadingComponent"
export { PageComponent } from "./src/main/ets/components/PageComponent"
export { BottomNavigationComponent } from "./src/main/ets/components/BottomNavigationComponent"
export { TopNavigationComponent } from "./src/main/ets/components/TopNavigationComponent"
export { LabelComponent } from "./src/main/ets/components/LabelComponent"
export { BannerComponent } from "./src/main/ets/components/BannerComponent"
... ...
import { BottomNavBean, BottomNavi } from 'wdBean';
import { CommonConstants } from 'wdConstant';
import { LazyDataSource, Logger } from 'wdKit';
import { TopNavigationComponent } from './TopNavigationComponent';
import { PageComponent } from './PageComponent';
const TAG = 'BottomNavigationComponent';
/**
* 底部页签导航栏/底导
*/
@Component
export struct BottomNavigationComponent {
// 底导/顶导全部数据
@Prop @Watch('onBottomNavigationDataUpdated') bottomNavList: BottomNavBean[] = []
// 底导当前选中/焦点下标
@Provide currentNavIndex: number = BottomNavi.NEWS;
// 底导TabsController
private navController: TabsController = new TabsController();
readonly ASPECT_RATIO_1_1: number = 1 / 1; // 底导图片宽高比
/**
* Component opacity value: 1.
*/
readonly FULL_OPACITY: number = 1;
/**
* Component opacity value: 0.6.
*/
readonly SIXTY_OPACITY: number = 0.6;
aboutToAppear() {
Logger.info(TAG, `aboutToAppear currentNavIndex: ${this.currentNavIndex}`);
}
aboutToDisappear() {
Logger.info(TAG, `aboutToDisappear, this.currentNavIndex: ${this.currentNavIndex}`);
}
build() {
Tabs({ barPosition: BarPosition.End, index: this.currentNavIndex, controller: this.navController }) {
ForEach(this.bottomNavList, (navItem: BottomNavBean, index: number) => {
TabContent() {
Column() {
if (navItem.topNavChannelList && navItem.topNavChannelList.length == 0 && navItem.name == '我的') {
PageComponent({ groupList: new LazyDataSource() }) // todo:我的页面组件数据列表
} else {
TopNavigationComponent({ topNavList: navItem.topNavChannelList })
}
}
}
.tabBar(this.tabBarBuilder(navItem, index))
});
}
.barHeight($r('app.float.bottom_navigation_barHeight'))
.barMode(BarMode.Fixed)
.onChange((index: number) => {
Logger.info(TAG, `onChange, index: ${index}`);
this.currentNavIndex = index;
// this.onBottomNavigationIndexChange()
})
}
@Builder
tabBarBuilder(navItem: BottomNavBean, index: number) {
Stack({ alignContent: Alignment.Bottom }) {
Image(this.currentNavIndex === index ? navItem.iconC : navItem.icon)
.height(CommonConstants.FULL_PARENT)
.padding({ bottom: 15, left: 10, right: 10, top: 2 })
.aspectRatio(this.ASPECT_RATIO_1_1)
Text(navItem.name)
.margin({ bottom: $r('app.float.bottom_navigation_margin_bottom') })
.fontWeight(this.currentNavIndex === index ? FontWeight.Bold : FontWeight.Normal)
.textAlign(TextAlign.Center)
.fontSize($r('app.float.font_size_10'))
.fontColor(this.currentNavIndex === index ? Color.Red : Color.Gray)
.opacity(this.currentNavIndex === index ? this.FULL_OPACITY : this.SIXTY_OPACITY)
}
.height($r('app.float.bottom_navigation_barHeight'))
.hoverEffect(HoverEffect.Highlight)
// .justifyContent(FlexAlign.Center)
// .onClick(() => {
// Logger.info(TAG, `onClick, index: ${index}`);
// this.currentNavIndex = index ?? 0;
// this.navController.changeIndex(this.currentNavIndex);
// })
}
// 底导切换函数
onBottomNavigationIndexChange() {
Logger.info(TAG, `onBottomNavigationIndexChange this.currentNavIndex: ${this.currentNavIndex}`);
// 请求顶导数据(参数）：
}
onBottomNavigationDataUpdated() {
// Logger.info(TAG, `onBottomNavigationDataUpdated currentNavIndex: ${this.currentNavIndex},length:${this.bottomNavItemList.length}`);
this.onBottomNavigationIndexChange()
}
}
\ No newline at end of file
... ...
import { CompDTO, CompStyle, GroupDTO, ViewType } from 'wdBean';
import {
BannerComponent,
EmptyComponent,
ErrorComponent,
GridLayout01Component,
LabelComponent,
LoadingComponent,
SingleColumnComponent,
SingleRow03Component,
WaterFlowComponent,
} from 'wdComponent';
import { CommonConstants } from 'wdConstant';
import { LazyDataSource, Logger, StringUtils } from 'wdKit';
import { LazyDataSource, Logger } from 'wdKit';
import { PageViewModel } from '../viewmodel/PageViewModel';
import { BannerComponent } from './BannerComponent';
import { EmptyComponent } from './EmptyComponent';
import { ErrorComponent } from './ErrorComponent';
import { GridLayout01Component } from './GridLayout01Component';
import { LabelComponent } from './LabelComponent';
import { LoadingComponent } from './LoadingComponent';
import { SingleColumnComponent } from './SingleColumnComponent';
import { SingleRow03Component } from './SingleRow03Component';
import { WaterFlowComponent } from './WaterFlowComponent';
const TAG = 'PageComponent';
... ... @@ -70,6 +69,10 @@ export struct PageComponent {
aboutToAppear() {
Logger.info(TAG, `aboutToAppear, this.pageId: ${this.viewType}`);
let groupDto = PageViewModel.getGroupDTO(getContext(this))
if (groupDto) {
this.groupList.push(groupDto)
}
}
}
... ...
import { GroupDTO, TopNavBean } from 'wdBean';
import { LazyDataSource, Logger } from 'wdKit';
import { PageComponent } from './PageComponent';
const TAG = 'TopNavigationComponent';
/**
* 顶部页签导航栏/顶导
*/
@Component
export struct TopNavigationComponent {
// 顶导当前选中/焦点下标
@State curTabSelectedIndex: number = 0;
// 顶导数据
@State @Watch('onTopNavigationDataUpdated') topNavList: TopNavBean[] = []
@State groupList: LazyDataSource<GroupDTO> = new LazyDataSource();
readonly MAX_LINE: number = 1;
build() {
Tabs() {
ForEach(this.topNavList, (navItem: TopNavBean, index: number) => {
TabContent() {
PageComponent({ groupList: this.groupList })
}
.tabBar(this.TabBarBuilder(navItem, index))
}, (navItem: TopNavBean) => JSON.stringify(navItem));
}
.barHeight($r('app.float.top_tab_bar_height'))
.barMode(BarMode.Scrollable)
.vertical(false)
.onChange((index: number) => {
Logger.info(TAG, `onChange index : ${index}`);
this.curTabSelectedIndex = index;
})
}
@Builder
TabBarBuilder(item: TopNavBean, index: number) {
Column() {
Text(item.name)
.fontSize(this.curTabSelectedIndex === index ? $r('app.float.selected_text_size') : $r('app.float.normal_text_size'))
.fontWeight(this.curTabSelectedIndex === index ? FontWeight.Bold : FontWeight.Normal)
.fontColor(Color.Black)
.padding({ top: $r('app.float.top_tab_item_padding_top') })
.maxLines(this.MAX_LINE)
}
.hoverEffect(HoverEffect.Highlight)
.constraintSize({
minWidth: $r('app.float.top_tab_item_min_width'),
maxWidth: $r('app.float.top_tab_item_max_width')
})
// .backgroundColor(Color.Black)
.padding({
left: $r('app.float.top_tab_item_padding_horizontal'),
right: $r('app.float.top_tab_item_padding_horizontal'),
bottom: $r('app.float.top_tab_item_padding_bottom')
})
.id(`col_tabBar${index}`)
}
aboutToAppear() {
Logger.info(TAG, `aboutToAppear this.topNavList : ${JSON.stringify(this.topNavList)}`);
}
onTopNavigationDataUpdated() {
Logger.info(TAG, `onTopNavigationDataUpdated curTabSelectedIndex: ${this.curTabSelectedIndex},topNavList.length:${this.topNavList.length}`);
}
}
\ No newline at end of file
... ...
import { GroupDTO } from 'wdBean';
import { BottomNavBean, GroupDTO, NavigationBody } from 'wdBean';
import { Logger, ResourcesUtils } from 'wdKit';
import { ResponseDTO } from 'wdNetwork';
... ... @@ -9,16 +9,33 @@ const TAG = 'PageViewModel';
*/
export class PageViewModel {
/**
* get Nav Data from Resource .
*
* @return BottomNavBean[] Nav Data List
*/
static getBottomNavData(context: Context): BottomNavBean[] {
Logger.info(TAG, `getBottomNavData start`);
let compRes: ResponseDTO<NavigationBody> | null = ResourcesUtils.getResourcesJsonSync<ResponseDTO<NavigationBody>>(context, 'bottom_nav.json');
if (!compRes || !compRes.data || !compRes.data.bottomNavList) {
Logger.info(TAG, `getBottomNavData compRes bottomNavList is empty`);
return []
}
Logger.info(TAG, `getBottomNavData getResourcesJsonSync compRes : ${JSON.stringify(compRes)}`);
return compRes.data.bottomNavList
}
/**
* Get Group data.
*
* @return {GroupDTO} compRes.data
*/
static getGroupDTO(context: Context): GroupDTO {
let compRes: ResponseDTO<GroupDTO> | null = ResourcesUtils.getResourcesJsonSync<ResponseDTO<GroupDTO>>(context, 'comp_list.json');
Logger.info(TAG, `getCompList getResourcesJson compRes : ${JSON.stringify(compRes)}`);
if (!compRes || !compRes.data) {
Logger.info(TAG, `getCompList compRes is empty`);
return {} as GroupDTO
}
Logger.info(TAG, `getCompList getResourcesJson compRes : ${JSON.stringify(compRes)}`);
return compRes.data
}
}
... ...
... ... @@ -25,6 +25,10 @@
"value": "16fp"
},
{
"name": "selected_text_size",
"value": "18fp"
},
{
"name": "font_size_24",
"value": "24fp"
},
... ... @@ -68,6 +72,38 @@
{
"name": "border_radius_6",
"value": "6vp"
},
{
"name": "bottom_navigation_margin_bottom",
"value": "4vp"
},
{
"name": "bottom_navigation_barHeight",
"value": "50vp"
},
{
"name": "top_tab_bar_height",
"value": "40vp"
},
{
"name": "top_tab_item_max_width",
"value": "300vp"
},
{
"name": "top_tab_item_min_width",
"value": "20vp"
},
{
"name": "top_tab_item_padding_horizontal",
"value": "7vp"
},
{
"name": "top_tab_item_padding_bottom",
"value": "5vp"
},
{
"name": "top_tab_item_padding_top",
"value": "2vp"
}
]
}
\ No newline at end of file
... ...