feat backNav搭建

2026-09-01 10:03:38 +08:00
parent b5f3ce25dc
commit e6fcc43cb2
9 changed files with 138 additions and 135 deletions
--- a/src/pages/message/index.vue
+++ b/src/pages/message/index.vue
@@ -0,0 +1,48 @@
+<script setup lang="ts">
+definePage({
+  layout: false,
+  style: {
+    navigationStyle: 'custom',
+  },
+})
+
+function handleMarkAllRead() {
+  console.log('全部标记已读')
+}
+</script>
+
+<template>
+  <view class="page">
+    <back-nav title="消息中心">
+      <wd-button size="small" round @tap="handleMarkAllRead">
+        全部标记已读
+      </wd-button>
+    </back-nav>
+
+    <view class="content">
+      <text class="empty">
+        暂无消息
+      </text>
+    </view>
+  </view>
+</template>
+
+<style scoped>
+.page {
+  min-height: 100vh;
+  background-color: #EAEFF9;
+}
+
+.content {
+  padding: 16px;
+  padding-top: 100px;
+}
+
+.empty {
+  font-size: 14px;
+  color: #999999;
+  text-align: center;
+  display: block;
+  margin-top: 100px;
+}
+</style>