feat: x5初始化

src/pages-sub/hot-news/index.vue

@@ -2,12 +2,15 @@
 {
   style: {
     navigationBarTitleText: '热点新闻',
+    navigationStyle: 'custom',
   },
 }
 </route>
 <template>
-  <view class="hot-news-page min-h-screen p-15">
-    <view class="bg-#fff rounded-10 px-15 py-15" v-if="newsList.length > 0">
+  <view class="hot-news-page min-h-screen px-15 pb-100">
+    <NavBar title-color="#333" />
+
+    <view class="bg-#fff rounded-10 px-15 py-15 mt-15" v-if="newsList.length > 0">
       <view
         class="flex mb-15"
         v-for="item in newsList"
@@ -26,6 +29,7 @@
 </template>
 
 <script setup lang="ts">
+import NavBar from '@/components/NavBar.vue'
 import { getIntroductionAPI } from '@/service'
 import { formatTime } from '@/utils'
 
@@ -41,6 +45,6 @@ const handleNewsDetail = (id: number) => {
 </script>
 <style scoped>
 .hot-news-page {
-  background: #f7f7f7;
+  background: linear-gradient(180deg, #fff3eb 0%, #ffffff 100%);
 }
 </style>