refactor: 修改样式

src/pages-sub/invest-detail/index.vue

@@ -3,11 +3,13 @@
   style: {
     navigationBarTitleText: '投资记录',
     navigationBarBackgroundColor: '#fff',
+    navigationStyle: 'custom',
   },
 }
 </route>
 
 <script setup lang="ts">
+import NavBar from '@/components/NavBar.vue'
 import { getInvestmentRecordAPI } from '@/service'
 
 const { list: investmentRecordList } = useListPageRequest(getInvestmentRecordAPI)
@@ -16,10 +18,14 @@ function getType(item) {
 }
 </script>
 <template>
-  <view class="min-h-screen pb-100">
-    <template v-if="investmentRecordList.length">
+  <view
+    class="min-h-screen pb-100"
+    style="background: linear-gradient(180deg, #3a90f2 0%, #f7f7f7 100%)"
+  >
+    <NavBar />
+    <view class="mt-15" v-if="investmentRecordList.length">
       <view
-        class="flex px-15 py-8 border-b border-#E5E5E5 border-b-solid"
+        class="flex px-15 py-8 mb-1 bg-#ffffffe5"
         v-for="item in investmentRecordList"
         :key="item.id"
       >
@@ -40,7 +46,7 @@ function getType(item) {
           </view>
         </view>
       </view>
-    </template>
+    </view>
     <template v-else>
       <wd-status-tip image="content" tip="暂无内容" />
     </template>