From 3de190301c2a32b000901862699512cc506a351c Mon Sep 17 00:00:00 2001
From: niedongsheng <605973111@qq.com>
Date: Tue, 7 Apr 2026 15:10:52 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E9=9D=A2=E6=9D=BF=E5=AE=B9=E5=99=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 packages/mobile/src/components/PanelItem.vue | 46 ++++++++++++++++++++
 1 file changed, 46 insertions(+)
 create mode 100644 packages/mobile/src/components/PanelItem.vue

diff --git a/packages/mobile/src/components/PanelItem.vue b/packages/mobile/src/components/PanelItem.vue
new file mode 100644
index 0000000..17df11b
--- /dev/null
+++ b/packages/mobile/src/components/PanelItem.vue
@@ -0,0 +1,46 @@
+<template>
+  <div class="panel-item">
+    <slot name="header">
+      <div class="header">
+        <div class="header-title">{{ title }}</div>
+        <div class="header-extra" v-if="$slots.headerExtra">
+          <slot name="headerExtra"></slot>
+        </div>
+      </div>
+    </slot>
+
+    <slot />
+  </div>
+</template>
+<script setup>
+import { onMounted, ref } from 'vue'
+
+const props = defineProps({
+  title: {
+    type: String,
+    default: ''
+  },
+})
+
+</script>
+<style scoped lang="scss">
+.panel-item {
+  position: relative;
+  width: 100%;
+  padding: 20px;
+  background-color: #fff;
+  border-radius: 8px;
+}
+.header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  margin-bottom: 18px;
+}
+.header-title {
+  font-weight: 500;
+  font-size: 15px;
+  color: #4a4a4a;
+  line-height: 16px;
+}
+</style>