新增二级栏目页面

+import { ColumnPageComponent } from 'wdComponent';
+
+import { Logger } from 'wdKit';
+
+const TAG = 'ColumnPage';
+
+/**
+ * 二级栏目页面，显示展排数据（comp list）
+ */
+@Entry
+@Component
+struct ColumnPage {
+  aboutToAppear() {
+    Logger.info(TAG, `aboutToAppear `);
+  }
+
+  aboutToDisappear() {
+    Logger.info(TAG, 'aboutToDisappear');
+  }
+
+  onPageShow() {
+    Logger.info(TAG, 'onPageShow');
+  }
+
+  onPageHide() {
+    Logger.info(TAG, 'onPageHide');
+  }
+
+  onBackPress() {
+    Logger.info(TAG, 'onBackPress');
+  }
+
+  build() {
+    Column() {
+      // TODO 跳转获取id
+      ColumnPageComponent({ pageId: "20011", channelId: "2001"});
+    }
+  }
+}

 {
 {
   "src": [
   "src": [
     "pages/Index",
     "pages/Index",
-    "pages/MainPage"
+    "pages/MainPage",
+    "pages/ColumnPage"
   ]
   ]
 }
 }

@@ -10,9 +10,9 @@ export { LoadingComponent } from "./components/view/LoadingComponent"
 
 
 export { PageComponent } from "./components/page/PageComponent"
 export { PageComponent } from "./components/page/PageComponent"
 
 
-export { BottomNavigationComponent } from "./components/view/BottomNavigationComponent"
+export { BottomNavigationComponent } from "./components/page/BottomNavigationComponent"
 
 
-export { TopNavigationComponent } from "./components/view/TopNavigationComponent"
+export { TopNavigationComponent } from "./components/page/TopNavigationComponent"
 
 
 export { LabelComponent } from "./components/view/LabelComponent"
 export { LabelComponent } from "./components/view/LabelComponent"
 
 
@@ -20,3 +20,5 @@ export { SmallVideoCardComponent } from "./components/view/SmallVideoCardCompone
 
 
 export { BannerComponent } from "./components/view/BannerComponent"
 export { BannerComponent } from "./components/view/BannerComponent"
 
 
+export { ColumnPageComponent } from "./components/page/ColumnPageComponent"
+

@@ -3,7 +3,7 @@ import { Logger } from 'wdKit';
 import { TopNavigationComponent } from './TopNavigationComponent';
 import { TopNavigationComponent } from './TopNavigationComponent';
 import { BottomNavDTO } from '../../repository/bean/BottomNavDTO';
 import { BottomNavDTO } from '../../repository/bean/BottomNavDTO';
 import { UIUtils } from '../../repository/UIUtils';
 import { UIUtils } from '../../repository/UIUtils';
-import { MinePageComponent } from '../page/MinePageComponent';
+import { MinePageComponent } from './MinePageComponent';
 import PageViewModel from '../../viewmodel/PageViewModel';
 import PageViewModel from '../../viewmodel/PageViewModel';
 
 
 const TAG = 'BottomNavigationComponent';
 const TAG = 'BottomNavigationComponent';

+import { PageComponent } from './PageComponent';
+
+const TAG = 'ColumnPageComponent';
+
+/**
+ * 二级栏目页面，展排数据
+ */
+@Component
+export struct ColumnPageComponent {
+  @State currentTopNavSelectedIndex: number = 0;
+  pageId: string = "";
+  channelId: string = "";
+
+  build() {
+    PageComponent({
+      currentTopNavSelectedIndex: $currentTopNavSelectedIndex,
+      navIndex: this.currentTopNavSelectedIndex,
+      pageId: this.pageId,
+      channelId: this.channelId,
+    });
+
+  }
+}
+

 import { LazyDataSource, Logger } from 'wdKit';
 import { LazyDataSource, Logger } from 'wdKit';
 import { CompDTO } from '../../repository/bean/CompDTO';
 import { CompDTO } from '../../repository/bean/CompDTO';
 import { TopNavDTO } from '../../repository/bean/TopNavDTO';
 import { TopNavDTO } from '../../repository/bean/TopNavDTO';
-import { PageComponent } from '../page/PageComponent';
+import { PageComponent } from './PageComponent';
 
 
 const TAG = 'TopNavigationComponent';
 const TAG = 'TopNavigationComponent';