Merge branch 'yongpxu-dev' into yongpxu-dev2

2025-08-01 16:45:03 +08:00
parent de0f8fafda fddda27ca8
commit fb543f99ba
36 changed files with 1763 additions and 1128 deletions
--- a/ckApp/.gitignore
+++ b/ckApp/.gitignore
@@ -0,0 +1 @@
+unpackage
--- a/ckApp/App.vue
+++ b/ckApp/App.vue
@@ -0,0 +1,17 @@
+<script>
+	export default {
+		onLaunch: function() {
+			console.log('App Launch')
+		},
+		onShow: function() {
+			console.log('App Show')
+		},
+		onHide: function() {
+			console.log('App Hide')
+		}
+	}
+</script>
+
+<style>
+	/*每个页面公共css */
+</style>
--- a/ckApp/index.html
+++ b/ckApp/index.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+  <head>
+    <meta charset="UTF-8" />
+    <script>
+      var coverSupport = 'CSS' in window && typeof CSS.supports === 'function' && (CSS.supports('top: env(a)') ||
+        CSS.supports('top: constant(a)'))
+      document.write(
+        '<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0' +
+        (coverSupport ? ', viewport-fit=cover' : '') + '" />')
+    </script>
+    <title></title>
+    <!--preload-links-->
+    <!--app-context-->
+  </head>
+  <body>
+    <div id="app"><!--app-html--></div>
+    <script type="module" src="/main.js"></script>
+  </body>
+</html>
--- a/ckApp/main.js
+++ b/ckApp/main.js
@@ -0,0 +1,22 @@
+import App from './App'
+
+// #ifndef VUE3
+import Vue from 'vue'
+import './uni.promisify.adaptor'
+Vue.config.productionTip = false
+App.mpType = 'app'
+const app = new Vue({
+  ...App
+})
+app.$mount()
+// #endif
+
+// #ifdef VUE3
+import { createSSRApp } from 'vue'
+export function createApp() {
+  const app = createSSRApp(App)
+  return {
+    app
+  }
+}
+// #endif
--- a/ckApp/manifest.json
+++ b/ckApp/manifest.json
@@ -0,0 +1,72 @@
+{
+    "name" : "ckApp",
+    "appid" : "__UNI__2B34F1A",
+    "description" : "",
+    "versionName" : "1.0.0",
+    "versionCode" : "100",
+    "transformPx" : false,
+    /* 5+App特有相关 */
+    "app-plus" : {
+        "usingComponents" : true,
+        "nvueStyleCompiler" : "uni-app",
+        "compilerVersion" : 3,
+        "splashscreen" : {
+            "alwaysShowBeforeRender" : true,
+            "waiting" : true,
+            "autoclose" : true,
+            "delay" : 0
+        },
+        /* 模块配置 */
+        "modules" : {},
+        /* 应用发布信息 */
+        "distribute" : {
+            /* android打包配置 */
+            "android" : {
+                "permissions" : [
+                    "<uses-permission android:name=\"android.permission.CHANGE_NETWORK_STATE\"/>",
+                    "<uses-permission android:name=\"android.permission.MOUNT_UNMOUNT_FILESYSTEMS\"/>",
+                    "<uses-permission android:name=\"android.permission.VIBRATE\"/>",
+                    "<uses-permission android:name=\"android.permission.READ_LOGS\"/>",
+                    "<uses-permission android:name=\"android.permission.ACCESS_WIFI_STATE\"/>",
+                    "<uses-feature android:name=\"android.hardware.camera.autofocus\"/>",
+                    "<uses-permission android:name=\"android.permission.ACCESS_NETWORK_STATE\"/>",
+                    "<uses-permission android:name=\"android.permission.CAMERA\"/>",
+                    "<uses-permission android:name=\"android.permission.GET_ACCOUNTS\"/>",
+                    "<uses-permission android:name=\"android.permission.READ_PHONE_STATE\"/>",
+                    "<uses-permission android:name=\"android.permission.CHANGE_WIFI_STATE\"/>",
+                    "<uses-permission android:name=\"android.permission.WAKE_LOCK\"/>",
+                    "<uses-permission android:name=\"android.permission.FLASHLIGHT\"/>",
+                    "<uses-feature android:name=\"android.hardware.camera\"/>",
+                    "<uses-permission android:name=\"android.permission.WRITE_SETTINGS\"/>"
+                ]
+            },
+            /* ios打包配置 */
+            "ios" : {},
+            /* SDK配置 */
+            "sdkConfigs" : {}
+        }
+    },
+    /* 快应用特有相关 */
+    "quickapp" : {},
+    /* 小程序特有相关 */
+    "mp-weixin" : {
+        "appid" : "",
+        "setting" : {
+            "urlCheck" : false
+        },
+        "usingComponents" : true
+    },
+    "mp-alipay" : {
+        "usingComponents" : true
+    },
+    "mp-baidu" : {
+        "usingComponents" : true
+    },
+    "mp-toutiao" : {
+        "usingComponents" : true
+    },
+    "uniStatistics" : {
+        "enable" : false
+    },
+    "vueVersion" : "3"
+}
--- a/ckApp/pages.json
+++ b/ckApp/pages.json
@@ -0,0 +1,17 @@
+{
+	"pages": [ //pages数组中第一项表示应用启动页，参考：https://uniapp.dcloud.io/collocation/pages
+		{
+			"path": "pages/index/index",
+			"style": {
+				"navigationBarTitleText": "",
+				"navigationStyle": "custom"
+			}
+		}
+	],
+	"globalStyle": {
+		"navigationBarTextStyle": "black",
+		"navigationBarBackgroundColor": "#F8F8F8",
+		"backgroundColor": "#F8F8F8"
+	},
+	"uniIdRouter": {}
+}
--- a/ckApp/pages/index/index.vue
+++ b/ckApp/pages/index/index.vue
@@ -0,0 +1,322 @@
+<template>
+	<view class="content">
+		<view class="header">
+			123
+		</view>
+		
+		<!-- iframe 容器 -->
+		<view class="iframe-container" :class="'iframe-' + iframeSize">
+			<web-view 
+				ref="webviewRef"
+				:src="iframeUrl" 
+				@message="handleMessage"
+				:fullscreen="false"
+			></web-view>
+		</view>
+		
+		<!-- 控制按钮 -->
+		<view class="controls">
+			<button @click="sendMessageToIframe" class="btn">发送消息到iframe</button>
+			<button @click="toggleIframeSize" class="btn btn-secondary">切换iframe大小</button>
+		</view>
+		
+		<!-- 消息显示区域 -->
+		<view class="message-area">
+			<text class="message-title">接收到的消息：</text>
+			<view class="message-list">
+				<view v-for="(msg, index) in receivedMessages" :key="index" class="message-item">
+					<text class="message-text">{{msg}}</text>
+				</view>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				title: 'iframe 通信示例',
+				// iframeUrl: 'http://localhost:3000/iframe', 
+				iframeUrl: 'https://kr-op.quwanzhi.com/iframe', 
+				receivedMessages: [],
+				messageId: 0,
+				iframeSize: 'medium' // 控制 iframe 大小：small, medium, large
+			}
+		},
+		onLoad() {
+			// 页面加载时的初始化
+			console.log('页面加载完成');
+		},
+		methods: {
+			// 接收 web-view 发送的消息
+			handleMessage(event) {
+				// 消息在 event.detail.data 中（是一个数组，取最后一条）
+				const webData = event.detail.data[0];
+				console.log('App 收到 web-view 消息：', webData);
+				
+				// 将消息添加到显示列表
+				this.receivedMessages.push(`[${new Date().toLocaleTimeString()}] ${JSON.stringify(webData)}`);
+				
+				// 根据消息类型处理逻辑
+				if (webData.type === 'ready') {
+					console.log('web-view 已准备就绪');
+					uni.showToast({
+						title: 'web-view 连接成功',
+						icon: 'success'
+					});
+				} else if (webData.type === 'toApp') {
+					uni.showToast({
+						title: `收到：${webData.content}`,
+						icon: 'none'
+					});
+				} else if (webData.type === 'data') {
+					console.log('收到数据:', webData.data);
+				}
+			},
+			
+			// App 发送消息到 web-view
+			sendMessageToIframe() {
+				this.messageId++;
+				const message = {
+					id: this.messageId,
+					type: 'fromApp',
+					content: `Hello，我是 App 发送的消息 ${this.messageId}`,
+					timestamp: Date.now()
+				};
+				
+				// 通过 evalJS 发送消息到 web-view
+				this.sendMessageToWebView(message);
+			},
+			
+			// App 向 web-view 发送消息
+			sendMessageToWebView(message) {
+				// 通过 ref 获取 web-view 实例，调用 evalJS 执行 web-view 中的函数
+				// 注意：需将数据转为字符串（避免语法错误）
+				if (this.$refs.webviewRef && this.$refs.webviewRef.evalJS) {
+					try {
+						this.$refs.webviewRef.evalJS(`receiveFromApp(${JSON.stringify(message)})`);
+						console.log('App 发送消息到 web-view：', message);
+					} catch (e) {
+						console.error('evalJS 执行失败:', e);
+					}
+				} else {
+					console.error('web-view ref 不存在或 evalJS 方法不可用');
+				}
+			},
+			
+			
+			// 移除 localStorage 相关代码，使用 postMessage 通信
+			
+			// 切换 iframe 大小
+			toggleIframeSize() {
+				const sizes = ['small', 'medium', 'large'];
+				const currentIndex = sizes.indexOf(this.iframeSize);
+				const nextIndex = (currentIndex + 1) % sizes.length;
+				this.iframeSize = sizes[nextIndex];
+				console.log('iframe 大小切换为:', this.iframeSize);
+			}
+		},
+		
+		// 移除 mounted 生命周期，因为 uni-app 中可能不支持
+		
+		// 移除 onUnload，因为不再需要清理定时器
+	}
+</script>
+
+<style lang="scss" scoped>
+	// 主容器
+	.content {
+		display: flex;
+		flex-direction: column;
+		height: 100vh;
+		background-color: #f8f9fa;
+	}
+
+	// 头部区域
+	.header {
+		height: 46rpx;
+		background: #fff;
+	}
+
+	// iframe 容器
+	.iframe-container {
+		overflow: hidden;
+		background: white;
+		position: relative;
+		margin: 20rpx;
+		border-radius: 20rpx;
+		box-shadow: 0 4rpx 20rpx rgba(0, 0, 0, 0.1);
+		
+		// 针对 web-view 的特殊样式
+		:deep(web-view) {
+			width: 100% !important;
+			height: 100% !important;
+			border: none !important;
+			outline: none !important;
+			box-shadow: none !important;
+		}
+		
+		// 兼容不同平台的 web-view 样式
+		:deep(iframe) {
+			border: none !important;
+			outline: none !important;
+			box-shadow: none !important;
+		}
+		
+		// 不同大小的样式
+		&.iframe-small {
+			height: 300rpx;
+			min-height: 300rpx;
+		}
+		
+		&.iframe-medium {
+			height: 500rpx;
+			min-height: 500rpx;
+		}
+		
+		&.iframe-large {
+			height: 700rpx;
+			min-height: 700rpx;
+		}
+	}
+
+	// 控制按钮区域
+	.controls {
+		display: flex;
+		gap: 20rpx;
+		padding: 20rpx;
+		background: white;
+		border-bottom: 2rpx solid #f0f0f0;
+		flex-wrap: wrap;
+	}
+
+	.btn {
+		flex: 1;
+		background: linear-gradient(135deg, #188eee 0%, #096dd9 100%);
+		color: white;
+		border: none;
+		border-radius: 20rpx;
+		padding: 24rpx 20rpx;
+		font-size: 28rpx;
+		font-weight: 600;
+		cursor: pointer;
+		transition: all 0.3s ease;
+		box-shadow: 0 4rpx 12rpx rgba(24, 142, 238, 0.3);
+
+		&:active {
+			transform: translateY(2rpx);
+			box-shadow: 0 2rpx 8rpx rgba(24, 142, 238, 0.4);
+		}
+
+		&:hover {
+			background: linear-gradient(135deg, #096dd9 0%, #0050b3 100%);
+		}
+	}
+
+	// 消息显示区域
+	.message-area {
+		flex: 1;
+		padding: 20rpx;
+		background: white;
+		overflow: hidden;
+		display: flex;
+		flex-direction: column;
+	}
+
+	.message-title {
+		font-size: 28rpx;
+		color: #333;
+		margin-bottom: 20rpx;
+		display: block;
+		font-weight: 600;
+		border-bottom: 2rpx solid #f0f0f0;
+		padding-bottom: 16rpx;
+	}
+
+	.message-list {
+		flex: 1;
+		overflow-y: auto;
+		border: 2rpx solid #f0f0f0;
+		border-radius: 16rpx;
+		padding: 16rpx;
+		background: #fafafa;
+
+		// 自定义滚动条
+		&::-webkit-scrollbar {
+			width: 8rpx;
+		}
+
+		&::-webkit-scrollbar-track {
+			background: #f1f1f1;
+			border-radius: 4rpx;
+		}
+
+		&::-webkit-scrollbar-thumb {
+			background: #c1c1c1;
+			border-radius: 4rpx;
+
+			&:hover {
+				background: #a8a8a8;
+			}
+		}
+	}
+
+	.message-item {
+		background: white;
+		padding: 20rpx;
+		margin-bottom: 16rpx;
+		border-radius: 12rpx;
+		border-left: 6rpx solid #188eee;
+		box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.08);
+		transition: all 0.3s ease;
+
+		&:last-child {
+			margin-bottom: 0;
+		}
+
+		&:hover {
+			transform: translateX(4rpx);
+			box-shadow: 0 4rpx 16rpx rgba(0, 0, 0, 0.12);
+		}
+	}
+
+	.message-text {
+		font-size: 24rpx;
+		color: #333;
+		word-break: break-all;
+		line-height: 1.5;
+		font-family: "Courier New", monospace;
+	}
+
+	// 响应式设计
+	@media (max-width: 768rpx) {
+		.content {
+			padding: 0;
+		}
+
+		.iframe-container {
+			margin: 16rpx;
+			border-radius: 16rpx;
+		}
+
+		.controls {
+			padding: 16rpx;
+			gap: 16rpx;
+		}
+
+		.btn {
+			padding: 20rpx 16rpx;
+			font-size: 26rpx;
+		}
+
+		.message-area {
+			padding: 16rpx;
+		}
+
+		.message-item {
+			padding: 16rpx;
+			margin-bottom: 12rpx;
+		}
+	}
+</style>
--- a/ckApp/static/logo.png
+++ b/ckApp/static/logo.png
--- a/ckApp/uni.promisify.adaptor.js
+++ b/ckApp/uni.promisify.adaptor.js
@@ -0,0 +1,13 @@
+uni.addInterceptor({
+  returnValue (res) {
+    if (!(!!res && (typeof res === "object" || typeof res === "function") && typeof res.then === "function")) {
+      return res;
+    }
+    return new Promise((resolve, reject) => {
+      res.then((res) => {
+        if (!res) return resolve(res) 
+        return res[0] ? reject(res[0]) : resolve(res[1])
+      });
+    });
+  },
+});
--- a/ckApp/uni.scss
+++ b/ckApp/uni.scss
@@ -0,0 +1,76 @@
+/**
+ * 这里是uni-app内置的常用样式变量
+ *
+ * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
+ * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
+ *
+ */
+
+/**
+ * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
+ *
+ * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
+ */
+
+/* 颜色变量 */
+
+/* 行为相关颜色 */
+$uni-color-primary: #007aff;
+$uni-color-success: #4cd964;
+$uni-color-warning: #f0ad4e;
+$uni-color-error: #dd524d;
+
+/* 文字基本颜色 */
+$uni-text-color:#333;//基本色
+$uni-text-color-inverse:#fff;//反色
+$uni-text-color-grey:#999;//辅助灰色，如加载更多的提示信息
+$uni-text-color-placeholder: #808080;
+$uni-text-color-disable:#c0c0c0;
+
+/* 背景颜色 */
+$uni-bg-color:#ffffff;
+$uni-bg-color-grey:#f8f8f8;
+$uni-bg-color-hover:#f1f1f1;//点击状态颜色
+$uni-bg-color-mask:rgba(0, 0, 0, 0.4);//遮罩颜色
+
+/* 边框颜色 */
+$uni-border-color:#c8c7cc;
+
+/* 尺寸变量 */
+
+/* 文字尺寸 */
+$uni-font-size-sm:12px;
+$uni-font-size-base:14px;
+$uni-font-size-lg:16px;
+
+/* 图片尺寸 */
+$uni-img-size-sm:20px;
+$uni-img-size-base:26px;
+$uni-img-size-lg:40px;
+
+/* Border Radius */
+$uni-border-radius-sm: 2px;
+$uni-border-radius-base: 3px;
+$uni-border-radius-lg: 6px;
+$uni-border-radius-circle: 50%;
+
+/* 水平间距 */
+$uni-spacing-row-sm: 5px;
+$uni-spacing-row-base: 10px;
+$uni-spacing-row-lg: 15px;
+
+/* 垂直间距 */
+$uni-spacing-col-sm: 4px;
+$uni-spacing-col-base: 8px;
+$uni-spacing-col-lg: 12px;
+
+/* 透明度 */
+$uni-opacity-disabled: 0.3; // 组件禁用态的透明度
+
+/* 文章场景相关 */
+$uni-color-title: #2C405A; // 文章标题颜色
+$uni-font-size-title:20px;
+$uni-color-subtitle: #555555; // 二级标题颜色
+$uni-font-size-subtitle:26px;
+$uni-color-paragraph: #3F536E; // 文章段落颜色
+$uni-font-size-paragraph:15px;
--- a/ckApp/utils/config.js
+++ b/ckApp/utils/config.js
--- a/nkebao/AI_ICON_GUIDE.md
+++ b/nkebao/AI_ICON_GUIDE.md
@@ -1,274 +0,0 @@
-# AI图标使用指南
-
-## 概述
-
-本文档为AI助手提供标准化的图标选择和使用流程，确保在代码生成时使用正确的图标包和图标名称。
-
-## AI使用流程
-
-### 1. 项目类型判断
-首先判断项目类型：
- **PC端项目**: 使用 `@ant-design/icons`
- **移动端项目**: 使用 `antd-mobile-icons`
-
-### 2. 图标查找流程
-1. 根据功能需求确定图标类型
-2. 在对应图标包中查找合适的图标
-3. 如果图标不存在，查找替代方案
-4. 使用正确的导入语法
-
-### 3. 代码生成模板
-
-#### PC端项目模板
-```typescript
-import {
-  // 导航类
-  HomeOutlined,
-  UserOutlined,
-  SettingOutlined,
-  
-  // 操作类
-  PlusOutlined,
-  EditOutlined,
-  DeleteOutlined,
-  CopyOutlined,
-  SearchOutlined,
-  ReloadOutlined,
-  
-  // 状态类
-  CheckOutlined,
-  CloseOutlined,
-  CheckCircleOutlined,
-  CloseCircleOutlined,
-  ExclamationCircleOutlined,
-  InfoCircleOutlined,
-  LoadingOutlined,
-  
-  // 方向类
-  UpOutlined,
-  DownOutlined,
-  LeftOutlined,
-  RightOutlined,
-  ArrowLeftOutlined,
-  
-  // 其他
-  MessageOutlined,
-  CalendarOutlined,
-  ClockCircleOutlined,
-  PictureOutlined,
-  FileOutlined,
-  CameraOutlined,
-  QrcodeOutlined,
-} from '@ant-design/icons';
-```
-
-#### 移动端项目模板
-```typescript
-import {
-  // 导航类
-  HomeOutline,
-  UserOutline,
-  SettingOutline,
-  
-  // 操作类
-  AddOutline,
-  EditSOutline,
-  DeleteOutline,
-  CopyOutline,
-  SearchOutline,
-  RefreshOutline,
-  
-  // 状态类
-  CheckOutline,
-  CloseOutline,
-  CheckCircleOutline,
-  CloseCircleOutline,
-  ExclamationCircleOutline,
-  InfoCircleOutline,
-  LoadingOutline,
-  
-  // 方向类
-  UpOutline,
-  DownOutline,
-  LeftOutline,
-  RightOutline,
-  
-  // 其他
-  MessageOutline,
-  CalendarOutline,
-  ClockCircleOutline,
-  PictureOutline,
-  FileOutline,
-  CameraOutline,
-  QrCodeOutline,
-} from 'antd-mobile-icons';
-```
-
-## 功能到图标映射
-
-### 基础功能映射
-| 功能需求 | PC端图标 | 移动端图标 | 说明 |
-|---------|---------|-----------|------|
-| 添加/新建 | PlusOutlined | AddOutline | 通用添加功能 |
-| 编辑/修改 | EditOutlined | EditSOutline | 编辑功能 |
-| 删除/移除 | DeleteOutlined | DeleteOutline | 删除功能 |
-| 复制/克隆 | CopyOutlined | CopyOutline | 复制功能 |
-| 搜索/查找 | SearchOutlined | SearchOutline | 搜索功能 |
-| 刷新/重新加载 | ReloadOutlined | RefreshOutline | 刷新功能 |
-| 设置/配置 | SettingOutlined | SettingOutline | 设置功能 |
-| 用户/个人 | UserOutlined | UserOutline | 用户相关 |
-| 首页/主页 | HomeOutlined | HomeOutline | 首页导航 |
-| 返回/后退 | ArrowLeftOutlined | LeftOutline | 返回功能 |
-| 关闭/取消 | CloseOutlined | CloseOutline | 关闭功能 |
-| 确认/确定 | CheckOutlined | CheckOutline | 确认功能 |
-
-### 状态指示映射
-| 状态需求 | PC端图标 | 移动端图标 | 说明 |
-|---------|---------|-----------|------|
-| 成功/完成 | CheckCircleOutlined | CheckCircleOutline | 成功状态 |
-| 错误/失败 | CloseCircleOutlined | CloseCircleOutline | 错误状态 |
-| 警告/注意 | ExclamationCircleOutlined | ExclamationCircleOutline | 警告状态 |
-| 信息/提示 | InfoCircleOutlined | InfoCircleOutline | 信息提示 |
-| 加载/等待 | LoadingOutlined | LoadingOutline | 加载状态 |
-| 时间/等待 | ClockCircleOutlined | ClockCircleOutline | 时间相关 |
-
-### 方向导航映射
-| 方向需求 | PC端图标 | 移动端图标 | 说明 |
-|---------|---------|-----------|------|
-| 向上/上升 | UpOutlined | UpOutline | 向上方向 |
-| 向下/下降 | DownOutlined | DownOutline | 向下方向 |
-| 向左/后退 | LeftOutlined | LeftOutline | 向左方向 |
-| 向右/前进 | RightOutlined | RightOutline | 向右方向 |
-
-### 业务功能映射
-| 业务需求 | PC端图标 | 移动端图标 | 说明 |
-|---------|---------|-----------|------|
-| 消息/通知 | MessageOutlined | MessageOutline | 消息功能 |
-| 日历/日期 | CalendarOutlined | CalendarOutline | 日历功能 |
-| 图片/照片 | PictureOutlined | PictureOutline | 图片功能 |
-| 文件/文档 | FileOutlined | FileOutline | 文件功能 |
-| 相机/拍照 | CameraOutlined | CameraOutline | 相机功能 |
-| 二维码 | QrcodeOutlined | QrCodeOutline | 二维码功能 |
-| 微信/社交 | WechatOutlined | WechatOutline | 微信功能 |
-| 设备/手机 | MobileOutlined | MobileOutline | 设备功能 |
-| 团队/群组 | TeamOutlined | TeamOutline | 团队功能 |
-| 订单/购物 | ShoppingOutlined | ShoppingOutline | 订单功能 |
-| 支付/钱包 | PayCircleOutlined | PayCircleOutline | 支付功能 |
-
-## 特殊替换规则
-
-### 移动端不存在的图标替换
-| 原需求 | 替换方案 | 说明 |
-|--------|----------|------|
-| RiseOutlined | UpOutline | 上升趋势 |
-| ThumbsUpOutlined | LikeOutline | 点赞功能 |
-| ShareAltOutlined | LinkOutline | 分享功能 |
-| BarChartOutlined | PieOutline | 图表功能 |
-| LineChartOutlined | PieOutline | 图表功能 |
-| UserAddOutlined | UserOutline | 用户添加 |
-| Progress | 自定义div | 进度条组件 |
-
-### PC端不存在的图标替换
-| 原需求 | 替换方案 | 说明 |
-|--------|----------|------|
-| AntOutline | HomeOutlined | 蚂蚁图标 |
-| AppOutline | AppstoreOutlined | 应用图标 |
-
-## AI代码生成示例
-
-### 场景1: 移动端列表页面
-```typescript
-// AI应该生成的代码
-import {
-  AddOutline,        // 添加按钮
-  EditSOutline,      // 编辑按钮
-  DeleteOutline,     // 删除按钮
-  CopyOutline,       // 复制按钮
-  SearchOutline,     // 搜索框
-  RefreshOutline,    // 刷新按钮
-  UserOutline,       // 用户信息
-  CalendarOutline,   // 时间信息
-  UpOutline,         // 上升趋势（替换RiseOutlined）
-} from 'antd-mobile-icons';
-
-// 使用示例
-<Button>
-  <AddOutline /> 新建
-</Button>
-<Button>
-  <EditSOutline /> 编辑
-</Button>
-<Button color="danger">
-  <DeleteOutline /> 删除
-</Button>
-```
-
-### 场景2: PC端管理页面
-```typescript
-// AI应该生成的代码
-import {
-  PlusOutlined,      // 添加按钮
-  EditOutlined,      // 编辑按钮
-  DeleteOutlined,    // 删除按钮
-  CopyOutlined,      // 复制按钮
-  SearchOutlined,    // 搜索框
-  ReloadOutlined,    // 刷新按钮
-  UserOutlined,      // 用户信息
-  CalendarOutlined,  // 时间信息
-  RiseOutlined,      // 上升趋势（PC端存在）
-} from '@ant-design/icons';
-
-// 使用示例
-<Button icon={<PlusOutlined />}>新建</Button>
-<Button icon={<EditOutlined />}>编辑</Button>
-<Button icon={<DeleteOutlined />} danger>删除</Button>
-```
-
-## 错误检测和修正
-
-### 常见错误模式
-1. **混用图标包**: 同时导入PC端和移动端图标
-2. **使用不存在的图标**: 在移动端使用PC端特有的图标
-3. **命名错误**: 图标名称大小写错误
-4. **导入路径错误**: 使用错误的包名
-
-### 修正策略
-1. **统一图标包**: 根据项目类型选择单一图标包
-2. **查找替代**: 使用对照表查找替代图标
-3. **验证存在**: 确保图标在目标包中存在
-4. **测试验证**: 在代码中测试图标是否正常显示
-
-## AI使用检查清单
-
-### 代码生成前
- [ ] 确认项目类型（PC端/移动端）
- [ ] 选择对应的图标包
- [ ] 根据功能需求选择合适图标
- [ ] 检查图标是否存在
-
-### 代码生成中
- [ ] 使用正确的导入语法
- [ ] 图标名称大小写正确
- [ ] 避免混用不同包的图标
- [ ] 为不存在的图标提供替代方案
-
-### 代码生成后
- [ ] 验证图标导入正确
- [ ] 检查图标使用语法
- [ ] 确保样式设置合理
- [ ] 提供使用示例
-
-## 更新和维护
-
- 定期更新图标对照表
- 记录新发现的图标差异
- 更新替换规则
- 优化AI使用流程
-
-## 注意事项
-
-1. **优先使用语义化图标**: 选择最能表达功能的图标
-2. **保持一致性**: 在同一项目中保持图标风格一致
-3. **考虑可访问性**: 为图标添加适当的aria-label
-4. **性能优化**: 按需导入图标，避免全量导入
-5. **版本兼容**: 注意图标包版本与UI框架版本的兼容性 
--- a/nkebao/ICON_DETAILED_MAPPING.md
+++ b/nkebao/ICON_DETAILED_MAPPING.md
@@ -1,205 +0,0 @@
-# 详细图标对照表
-
-## 基础图标对照
-
-### 导航类
-| 功能 | PC端 | 移动端 | 状态 |
-|------|------|--------|------|
-| 首页 | HomeOutlined | HomeOutline | ✅ |
-| 返回 | ArrowLeftOutlined | LeftOutline | ✅ |
-| 菜单 | MenuOutlined | MenuOutline | ✅ |
-| 设置 | SettingOutlined | SettingOutline | ✅ |
-| 用户 | UserOutlined | UserOutline | ✅ |
-| 个人中心 | UserOutlined | UserOutline | ✅ |
-
-### 操作类
-| 功能 | PC端 | 移动端 | 状态 |
-|------|------|--------|------|
-| 添加 | PlusOutlined | AddOutline | ✅ |
-| 编辑 | EditOutlined | EditSOutline | ✅ |
-| 删除 | DeleteOutlined | DeleteOutline | ✅ |
-| 复制 | CopyOutlined | CopyOutline | ✅ |
-| 保存 | SaveOutlined | SaveOutline | ✅ |
-| 刷新 | ReloadOutlined | RefreshOutline | ✅ |
-| 搜索 | SearchOutlined | SearchOutline | ✅ |
-| 关闭 | CloseOutlined | CloseOutline | ✅ |
-| 确认 | CheckOutlined | CheckOutline | ✅ |
-| 取消 | CloseOutlined | CloseOutline | ✅ |
-
-### 状态类
-| 功能 | PC端 | 移动端 | 状态 |
-|------|------|--------|------|
-| 成功 | CheckCircleOutlined | CheckCircleOutline | ✅ |
-| 错误 | CloseCircleOutlined | CloseCircleOutline | ✅ |
-| 警告 | ExclamationCircleOutlined | ExclamationCircleOutline | ✅ |
-| 信息 | InfoCircleOutlined | InfoCircleOutline | ✅ |
-| 加载 | LoadingOutlined | LoadingOutline | ✅ |
-| 等待 | ClockCircleOutlined | ClockCircleOutline | ✅ |
-
-### 方向类
-| 功能 | PC端 | 移动端 | 状态 |
-|------|------|--------|------|
-| 向上 | UpOutlined | UpOutline | ✅ |
-| 向下 | DownOutlined | DownOutline | ✅ |
-| 向左 | LeftOutlined | LeftOutline | ✅ |
-| 向右 | RightOutlined | RightOutline | ✅ |
-| 向上圆形 | UpCircleOutlined | UpCircleOutline | ✅ |
-| 向下圆形 | DownCircleOutlined | DownCircleOutline | ✅ |
-
-### 通信类
-| 功能 | PC端 | 移动端 | 状态 |
-|------|------|--------|------|
-| 消息 | MessageOutlined | MessageOutline | ✅ |
-| 邮件 | MailOutlined | MailOutline | ✅ |
-| 电话 | PhoneOutlined | PhoneOutline | ✅ |
-| 视频 | VideoCameraOutlined | VideoCameraOutline | ✅ |
-| 语音 | AudioOutlined | AudioOutline | ✅ |
-
-### 媒体类
-| 功能 | PC端 | 移动端 | 状态 |
-|------|------|--------|------|
-| 图片 | PictureOutlined | PictureOutline | ✅ |
-| 文件 | FileOutlined | FileOutline | ✅ |
-| 文件夹 | FolderOutlined | FolderOutline | ✅ |
-| 相机 | CameraOutlined | CameraOutline | ✅ |
-| 二维码 | QrcodeOutlined | QrCodeOutline | ✅ |
-
-### 时间类
-| 功能 | PC端 | 移动端 | 状态 |
-|------|------|--------|------|
-| 日历 | CalendarOutlined | CalendarOutline | ✅ |
-| 时钟 | ClockCircleOutlined | ClockCircleOutline | ✅ |
-| 历史 | HistoryOutlined | HistoryOutline | ✅ |
-
-### 数据类
-| 功能 | PC端 | 移动端 | 状态 |
-|------|------|--------|------|
-| 统计 | BarChartOutlined | BarChartOutline | ✅ |
-| 饼图 | PieChartOutlined | PieChartOutline | ✅ |
-| 折线图 | LineChartOutlined | LineChartOutline | ✅ |
-| 表格 | TableOutlined | TableOutline | ✅ |
-| 列表 | UnorderedListOutlined | UnorderedListOutline | ✅ |
-
-## 特殊图标对照
-
-### 业务相关
-| 功能 | PC端 | 移动端 | 状态 |
-|------|------|--------|------|
-| 设备 | MobileOutlined | MobileOutline | ✅ |
-| 微信 | WechatOutlined | WechatOutline | ✅ |
-| 群组 | TeamOutlined | TeamOutline | ✅ |
-| 客户 | UserAddOutlined | UserAddOutline | ❌ |
-| 订单 | ShoppingOutlined | ShoppingOutline | ✅ |
-| 支付 | PayCircleOutlined | PayCircleOutline | ✅ |
-
-### 工具类
-| 功能 | PC端 | 移动端 | 状态 |
-|------|------|--------|------|
-| 工具 | ToolOutlined | ToolOutline | ✅ |
-| 配置 | SettingOutlined | SettingOutline | ✅ |
-| 帮助 | QuestionCircleOutlined | QuestionCircleOutline | ✅ |
-| 反馈 | MessageOutlined | MessageOutline | ✅ |
-| 分享 | ShareAltOutlined | ShareOutline | ❌ |
-
-## 不存在的图标替换方案
-
-### PC端存在但移动端不存在的图标
-| PC端图标 | 推荐替换 | 说明 |
-|----------|----------|------|
-| UserAddOutlined | UserOutline | 用户添加功能 |
-| ShareAltOutlined | LinkOutline | 分享功能 |
-| RiseOutlined | UpOutline | 上升趋势 |
-| ThumbsUpOutlined | LikeOutline | 点赞功能 |
-| BarChartOutlined | PieOutline | 图表功能 |
-| LineChartOutlined | PieOutline | 图表功能 |
-
-### 移动端存在但PC端不存在的图标
-| 移动端图标 | 推荐替换 | 说明 |
-|------------|----------|------|
-| AntOutline | HomeOutlined | 蚂蚁图标 |
-| AppOutline | AppstoreOutlined | 应用图标 |
-
-## 使用规范
-
-### 1. 导入规范
-```typescript
-// PC端项目
-import {
-  HomeOutlined,
-  UserOutlined,
-  SettingOutlined,
-} from '@ant-design/icons';
-
-// 移动端项目
-import {
-  HomeOutline,
-  UserOutline,
-  SettingOutline,
-} from 'antd-mobile-icons';
-```
-
-### 2. 命名规范
- PC端：使用 `Outlined` 后缀
- 移动端：使用 `Outline` 后缀
- 保持语义化命名
-
-### 3. 使用建议
- 优先使用语义明确的图标
- 保持图标风格一致性
- 考虑图标在不同尺寸下的清晰度
- 为图标添加适当的aria-label
-
-### 4. 错误处理
-当图标不存在时：
-1. 查找语义相近的图标
-2. 使用通用图标（如QuestionOutlined）
-3. 考虑使用文字替代
-4. 创建自定义图标组件
-
-## 项目中的实际应用
-
-### 场景获客模块使用的图标
-```typescript
-// 移动端项目中的图标使用
-import {
-  AddOutline,        // 添加
-  UpOutline,         // 上升趋势（替换RiseOutline）
-  UserOutline,       // 用户
-  CalendarOutline,   // 日历
-  CopyOutline,       // 复制
-  DeleteOutline,     // 删除
-  EditSOutline,      // 编辑
-  SettingOutline,    // 设置
-  SearchOutline,     // 搜索
-  RefreshOutline,    // 刷新
-  QrCodeOutline,     // 二维码
-} from 'antd-mobile-icons';
-```
-
-### 工作台模块使用的图标
-```typescript
-// 移动端项目中的图标使用
-import {
-  LikeOutline,       // 点赞（替换ThumbsUpOutline）
-  LinkOutline,       // 链接（替换ShareOutline）
-  PieOutline,        // 饼图（替换BarChartOutline/LineChartOutline）
-  UserOutline,       // 用户
-  TeamOutline,       // 团队
-  MessageOutline,    // 消息
-} from 'antd-mobile-icons';
-```
-
-## 更新和维护
-
-1. **定期检查**: 定期检查新版本中新增的图标
-2. **文档更新**: 及时更新图标对照表
-3. **团队协作**: 团队成员共享图标使用规范
-4. **代码审查**: 在代码审查中检查图标使用是否正确
-
-## 注意事项
-
-1. **包版本**: 确保图标包版本与UI框架版本兼容
-2. **按需导入**: 避免全量导入图标，影响打包体积
-3. **样式覆盖**: 可以通过CSS自定义图标样式
-4. **无障碍**: 为图标添加适当的无障碍属性
-5. **性能**: 大量使用图标时注意性能优化 
--- a/nkebao/ICON_MAPPING_GUIDE.md
+++ b/nkebao/ICON_MAPPING_GUIDE.md
@@ -1,230 +0,0 @@
-# PC端与移动端图标对照文档
-
-## 概述
-
-本文档记录了PC端（@ant-design/icons）和移动端（antd-mobile-icons）的图标名称对照，以及正确的导入方式。
-
-## 导入方式
-
-### PC端图标 (@ant-design/icons)
-```typescript
-import {
-  HomeOutlined,
-  UserOutlined,
-  SettingOutlined,
-  // ... 其他图标
-} from '@ant-design/icons';
-```
-
-### 移动端图标 (antd-mobile-icons)
-```typescript
-import {
-  AntOutline,
-  ArrowDownCircleOutline,
-  UserOutline,
-  // ... 其他图标
-} from 'antd-mobile-icons';
-```
-
-## 图标对照表
-
-### 常用图标对照
-
-| 功能描述 | PC端图标 | 移动端图标 | 备注 |
-|---------|---------|-----------|------|
-| 首页 | HomeOutlined | HomeOutline | 完全对应 |
-| 用户 | UserOutlined | UserOutline | 完全对应 |
-| 设置 | SettingOutlined | SettingOutline | 完全对应 |
-| 搜索 | SearchOutlined | SearchOutline | 完全对应 |
-| 添加 | PlusOutlined | AddOutline | 完全对应 |
-| 编辑 | EditOutlined | EditSOutline | 移动端略有不同 |
-| 删除 | DeleteOutlined | DeleteOutline | 完全对应 |
-| 复制 | CopyOutlined | CopyOutline | 完全对应 |
-| 刷新 | ReloadOutlined | RefreshOutline | 完全对应 |
-| 二维码 | QrcodeOutlined | QrCodeOutline | 完全对应 |
-| 日历 | CalendarOutlined | CalendarOutline | 完全对应 |
-| 时钟 | ClockCircleOutlined | ClockCircleOutline | 完全对应 |
-| 箭头向上 | UpOutlined | UpOutline | 完全对应 |
-| 箭头向下 | DownOutlined | DownOutline | 完全对应 |
-| 箭头向左 | LeftOutlined | LeftOutline | 完全对应 |
-| 箭头向右 | RightOutlined | RightOutline | 完全对应 |
-| 返回 | ArrowLeftOutlined | LeftOutline | 移动端使用LeftOutline |
-| 关闭 | CloseOutlined | CloseOutline | 完全对应 |
-| 检查 | CheckOutlined | CheckOutline | 完全对应 |
-| 警告 | ExclamationCircleOutlined | ExclamationCircleOutline | 完全对应 |
-| 信息 | InfoCircleOutlined | InfoCircleOutline | 完全对应 |
-| 成功 | CheckCircleOutlined | CheckCircleOutline | 完全对应 |
-| 错误 | CloseCircleOutlined | CloseCircleOutline | 完全对应 |
-
-### 方向性图标
-
-| 功能描述 | PC端图标 | 移动端图标 |
-|---------|---------|-----------|
-| 向上 | UpOutlined | UpOutline |
-| 向下 | DownOutlined | DownOutline |
-| 向左 | LeftOutlined | LeftOutline |
-| 向右 | RightOutlined | RightOutline |
-| 向上圆形 | UpCircleOutlined | UpCircleOutline |
-| 向下圆形 | DownCircleOutlined | DownCircleOutline |
-| 向左圆形 | LeftCircleOutlined | LeftCircleOutline |
-| 向右圆形 | RightCircleOutlined | RightCircleOutline |
-
-### 编辑类图标
-
-| 功能描述 | PC端图标 | 移动端图标 |
-|---------|---------|-----------|
-| 编辑 | EditOutlined | EditSOutline |
-| 删除 | DeleteOutlined | DeleteOutline |
-| 复制 | CopyOutlined | CopyOutline |
-| 剪切 | ScissorOutlined | ScissorOutline |
-| 撤销 | UndoOutlined | UndoOutline |
-| 重做 | RedoOutlined | RedoOutline |
-| 保存 | SaveOutlined | SaveOutline |
-
-### 通信类图标
-
-| 功能描述 | PC端图标 | 移动端图标 |
-|---------|---------|-----------|
-| 消息 | MessageOutlined | MessageOutline |
-| 邮件 | MailOutlined | MailOutline |
-| 电话 | PhoneOutlined | PhoneOutline |
-| 视频通话 | VideoCameraOutlined | VideoCameraOutline |
-| 语音 | AudioOutlined | AudioOutline |
-
-### 媒体类图标
-
-| 功能描述 | PC端图标 | 移动端图标 |
-|---------|---------|-----------|
-| 图片 | PictureOutlined | PictureOutline |
-| 视频 | VideoCameraOutlined | VideoCameraOutline |
-| 音频 | AudioOutlined | AudioOutline |
-| 文件 | FileOutlined | FileOutline |
-| 文件夹 | FolderOutlined | FolderOutline |
-| 相机 | CameraOutlined | CameraOutline |
-
-### 导航类图标
-
-| 功能描述 | PC端图标 | 移动端图标 |
-|---------|---------|-----------|
-| 菜单 | MenuOutlined | MenuOutline |
-| 汉堡菜单 | MenuFoldOutlined | MenuOutline |
-| 展开菜单 | MenuUnfoldOutlined | MenuOutline |
-| 面包屑 | BreadcrumbOutlined | BreadcrumbOutline |
-| 分页 | PaginationOutlined | PaginationOutline |
-
-### 数据展示类图标
-
-| 功能描述 | PC端图标 | 移动端图标 |
-|---------|---------|-----------|
-| 表格 | TableOutlined | TableOutline |
-| 列表 | UnorderedListOutlined | UnorderedListOutline |
-| 卡片 | CreditCardOutlined | CreditCardOutline |
-| 统计 | BarChartOutlined | BarChartOutline |
-| 饼图 | PieChartOutlined | PieChartOutline |
-| 折线图 | LineChartOutlined | LineChartOutline |
-| 仪表盘 | DashboardOutlined | DashboardOutline |
-
-### 反馈类图标
-
-| 功能描述 | PC端图标 | 移动端图标 |
-|---------|---------|-----------|
-| 成功 | CheckCircleOutlined | CheckCircleOutline |
-| 错误 | CloseCircleOutlined | CloseCircleOutline |
-| 警告 | ExclamationCircleOutlined | ExclamationCircleOutline |
-| 信息 | InfoCircleOutlined | InfoCircleOutline |
-| 加载 | LoadingOutlined | LoadingOutline |
-| 等待 | ClockCircleOutlined | ClockCircleOutline |
-
-## 使用建议
-
-### 1. 项目类型判断
- **PC端项目**: 使用 `@ant-design/icons`
- **移动端项目**: 使用 `antd-mobile-icons`
-
-### 2. 图标选择原则
- 优先选择语义化图标
- 保持图标风格一致性
- 考虑图标在不同尺寸下的清晰度
-
-### 3. 常见错误避免
- 不要混用PC端和移动端图标
- 注意图标名称的大小写
- 确保图标在对应包中存在
-
-### 4. 图标替换策略
-当某个图标在目标包中不存在时：
-1. 查找语义相近的图标
-2. 使用通用图标（如QuestionOutlined）
-3. 考虑使用文字替代
-4. 创建自定义图标组件
-
-## 实际项目中的使用示例
-
-### PC端项目示例
-```typescript
-import {
-  HomeOutlined,
-  UserOutlined,
-  SettingOutlined,
-  SearchOutlined,
-  PlusOutlined,
-  EditOutlined,
-  DeleteOutlined,
-  CopyOutlined,
-  ReloadOutlined,
-  QrcodeOutlined,
-  CalendarOutlined,
-  ClockCircleOutlined,
-  UpOutlined,
-  DownOutlined,
-  LeftOutlined,
-  RightOutlined,
-  CloseOutlined,
-  CheckOutlined,
-  ExclamationCircleOutlined,
-  InfoCircleOutlined,
-  CheckCircleOutlined,
-  CloseCircleOutlined,
-} from '@ant-design/icons';
-```
-
-### 移动端项目示例
-```typescript
-import {
-  HomeOutline,
-  UserOutline,
-  SettingOutline,
-  SearchOutline,
-  AddOutline,
-  EditSOutline,
-  DeleteOutline,
-  CopyOutline,
-  RefreshOutline,
-  QrCodeOutline,
-  CalendarOutline,
-  ClockCircleOutline,
-  UpOutline,
-  DownOutline,
-  LeftOutline,
-  RightOutline,
-  CloseOutline,
-  CheckOutline,
-  ExclamationCircleOutline,
-  InfoCircleOutline,
-  CheckCircleOutline,
-  CloseCircleOutline,
-} from 'antd-mobile-icons';
-```
-
-## 注意事项
-
-1. **包依赖**: 确保项目中已安装对应的图标包
-2. **版本兼容**: 注意图标包版本与UI框架版本的兼容性
-3. **性能考虑**: 按需导入图标，避免全量导入
-4. **样式覆盖**: 可以通过CSS自定义图标颜色和大小
-5. **无障碍**: 为图标添加适当的aria-label属性
-
-## 更新记录
-
- 2024-01-XX: 初始版本，包含常用图标对照
- 后续根据实际使用情况持续更新 
--- a/nkebao/ICON_QUICK_REFERENCE.md
+++ b/nkebao/ICON_QUICK_REFERENCE.md
@@ -1,271 +0,0 @@
-# 图标快速参考表
-
-## 快速查找
-
-### 🔍 按功能查找
-
-| 功能 | PC端 | 移动端 | 导入方式 |
-|------|------|--------|----------|
-| **添加** | PlusOutlined | AddOutline | `@ant-design/icons` / `antd-mobile-icons` |
-| **编辑** | EditOutlined | EditSOutline | `@ant-design/icons` / `antd-mobile-icons` |
-| **删除** | DeleteOutlined | DeleteOutline | `@ant-design/icons` / `antd-mobile-icons` |
-| **复制** | CopyOutlined | CopyOutline | `@ant-design/icons` / `antd-mobile-icons` |
-| **搜索** | SearchOutlined | SearchOutline | `@ant-design/icons` / `antd-mobile-icons` |
-| **刷新** | ReloadOutlined | RefreshOutline | `@ant-design/icons` / `antd-mobile-icons` |
-| **设置** | SettingOutlined | SettingOutline | `@ant-design/icons` / `antd-mobile-icons` |
-| **用户** | UserOutlined | UserOutline | `@ant-design/icons` / `antd-mobile-icons` |
-| **首页** | HomeOutlined | HomeOutline | `@ant-design/icons` / `antd-mobile-icons` |
-| **返回** | ArrowLeftOutlined | LeftOutline | `@ant-design/icons` / `antd-mobile-icons` |
-| **关闭** | CloseOutlined | CloseOutline | `@ant-design/icons` / `antd-mobile-icons` |
-| **确认** | CheckOutlined | CheckOutline | `@ant-design/icons` / `antd-mobile-icons` |
-| **成功** | CheckCircleOutlined | CheckCircleOutline | `@ant-design/icons` / `antd-mobile-icons` |
-| **错误** | CloseCircleOutlined | CloseCircleOutline | `@ant-design/icons` / `antd-mobile-icons` |
-| **警告** | ExclamationCircleOutlined | ExclamationCircleOutline | `@ant-design/icons` / `antd-mobile-icons` |
-| **信息** | InfoCircleOutlined | InfoCircleOutline | `@ant-design/icons` / `antd-mobile-icons` |
-| **加载** | LoadingOutlined | LoadingOutline | `@ant-design/icons` / `antd-mobile-icons` |
-| **向上** | UpOutlined | UpOutline | `@ant-design/icons` / `antd-mobile-icons` |
-| **向下** | DownOutlined | DownOutline | `@ant-design/icons` / `antd-mobile-icons` |
-| **向左** | LeftOutlined | LeftOutline | `@ant-design/icons` / `antd-mobile-icons` |
-| **向右** | RightOutlined | RightOutline | `@ant-design/icons` / `antd-mobile-icons` |
-| **消息** | MessageOutlined | MessageOutline | `@ant-design/icons` / `antd-mobile-icons` |
-| **电话** | PhoneOutlined | PhoneOutline | `@ant-design/icons` / `antd-mobile-icons` |
-| **日历** | CalendarOutlined | CalendarOutline | `@ant-design/icons` / `antd-mobile-icons` |
-| **时钟** | ClockCircleOutlined | ClockCircleOutline | `@ant-design/icons` / `antd-mobile-icons` |
-| **图片** | PictureOutlined | PictureOutline | `@ant-design/icons` / `antd-mobile-icons` |
-| **文件** | FileOutlined | FileOutline | `@ant-design/icons` / `antd-mobile-icons` |
-| **相机** | CameraOutlined | CameraOutline | `@ant-design/icons` / `antd-mobile-icons` |
-| **二维码** | QrcodeOutlined | QrCodeOutline | `@ant-design/icons` / `antd-mobile-icons` |
-| **微信** | WechatOutlined | WechatOutline | `@ant-design/icons` / `antd-mobile-icons` |
-| **设备** | MobileOutlined | MobileOutline | `@ant-design/icons` / `antd-mobile-icons` |
-| **团队** | TeamOutlined | TeamOutline | `@ant-design/icons` / `antd-mobile-icons` |
-| **订单** | ShoppingOutlined | ShoppingOutline | `@ant-design/icons` / `antd-mobile-icons` |
-| **支付** | PayCircleOutlined | PayCircleOutline | `@ant-design/icons` / `antd-mobile-icons` |
-
-### 🔄 常见替换
-
-| 原图标 | 替换为 | 说明 |
-|--------|--------|------|
-| RiseOutlined | UpOutline | 上升趋势 |
-| ThumbsUpOutlined | LikeOutline | 点赞功能 |
-| ShareAltOutlined | LinkOutline | 分享功能 |
-| BarChartOutlined | PieOutline | 图表功能 |
-| LineChartOutlined | PieOutline | 图表功能 |
-| UserAddOutlined | UserOutline | 用户添加 |
-| SettingOutline | SettingOutline | 设置（移动端） |
-
-## 导入模板
-
-### PC端项目模板
-```typescript
-import {
-  HomeOutlined,
-  UserOutlined,
-  SettingOutlined,
-  SearchOutlined,
-  PlusOutlined,
-  EditOutlined,
-  DeleteOutlined,
-  CopyOutlined,
-  ReloadOutlined,
-  CloseOutlined,
-  CheckOutlined,
-  UpOutlined,
-  DownOutlined,
-  LeftOutlined,
-  RightOutlined,
-  MessageOutlined,
-  CalendarOutlined,
-  ClockCircleOutlined,
-  PictureOutlined,
-  FileOutlined,
-  CameraOutlined,
-  QrcodeOutlined,
-  WechatOutlined,
-  MobileOutlined,
-  TeamOutlined,
-  ShoppingOutlined,
-  PayCircleOutlined,
-  CheckCircleOutlined,
-  CloseCircleOutlined,
-  ExclamationCircleOutlined,
-  InfoCircleOutlined,
-  LoadingOutlined,
-} from '@ant-design/icons';
-```
-
-### 移动端项目模板
-```typescript
-import {
-  HomeOutline,
-  UserOutline,
-  SettingOutline,
-  SearchOutline,
-  AddOutline,
-  EditSOutline,
-  DeleteOutline,
-  CopyOutline,
-  RefreshOutline,
-  CloseOutline,
-  CheckOutline,
-  UpOutline,
-  DownOutline,
-  LeftOutline,
-  RightOutline,
-  MessageOutline,
-  CalendarOutline,
-  ClockCircleOutline,
-  PictureOutline,
-  FileOutline,
-  CameraOutline,
-  QrCodeOutline,
-  WechatOutline,
-  MobileOutline,
-  TeamOutline,
-  ShoppingOutline,
-  PayCircleOutline,
-  CheckCircleOutline,
-  CloseCircleOutline,
-  ExclamationCircleOutline,
-  InfoCircleOutline,
-  LoadingOutline,
-} from 'antd-mobile-icons';
-```
-
-## 使用示例
-
-### 基础使用
-```typescript
-// PC端
-import { HomeOutlined, UserOutlined } from '@ant-design/icons';
-
-<HomeOutlined style={{ fontSize: 16, color: '#1890ff' }} />
-<UserOutlined style={{ fontSize: 16, color: '#52c41a' }} />
-
-// 移动端
-import { HomeOutline, UserOutline } from 'antd-mobile-icons';
-
-<HomeOutline style={{ fontSize: 16, color: '#1890ff' }} />
-<UserOutline style={{ fontSize: 16, color: '#52c41a' }} />
-```
-
-### 按钮中使用
-```typescript
-// PC端
-import { PlusOutlined, EditOutlined } from '@ant-design/icons';
-
-<Button icon={<PlusOutlined />}>添加</Button>
-<Button icon={<EditOutlined />}>编辑</Button>
-
-// 移动端
-import { AddOutline, EditSOutline } from 'antd-mobile-icons';
-
-<Button>
-  <AddOutline /> 添加
-</Button>
-<Button>
-  <EditSOutline /> 编辑
-</Button>
-```
-
-### 列表中使用
-```typescript
-// PC端
-import { DeleteOutlined, CopyOutlined } from '@ant-design/icons';
-
-<Button icon={<DeleteOutlined />} danger>删除</Button>
-<Button icon={<CopyOutlined />}>复制</Button>
-
-// 移动端
-import { DeleteOutline, CopyOutline } from 'antd-mobile-icons';
-
-<Button color="danger">
-  <DeleteOutline /> 删除
-</Button>
-<Button>
-  <CopyOutline /> 复制
-</Button>
-```
-
-## 常见错误
-
-### ❌ 错误示例
-```typescript
-// 错误：混用PC端和移动端图标
-import { HomeOutlined } from '@ant-design/icons';  // PC端
-import { UserOutline } from 'antd-mobile-icons';   // 移动端
-
-// 错误：使用不存在的图标
-import { RiseOutlined } from 'antd-mobile-icons';  // 不存在
-import { UserAddOutline } from 'antd-mobile-icons'; // 不存在
-```
-
-### ✅ 正确示例
-```typescript
-// 正确：统一使用移动端图标
-import { 
-  HomeOutline, 
-  UserOutline, 
-  UpOutline,      // 替换RiseOutlined
-  UserOutline     // 替换UserAddOutline
-} from 'antd-mobile-icons';
-
-// 正确：统一使用PC端图标
-import { 
-  HomeOutlined, 
-  UserOutlined, 
-  RiseOutlined,   // PC端存在
-  UserAddOutlined // PC端存在
-} from '@ant-design/icons';
-```
-
-## 快速检查清单
-
-### 开发前检查
- [ ] 确认项目类型（PC端/移动端）
- [ ] 选择对应的图标包
- [ ] 检查图标是否存在
- [ ] 准备替换方案
-
-### 开发中检查
- [ ] 使用正确的导入方式
- [ ] 图标名称大小写正确
- [ ] 避免混用不同包的图标
- [ ] 为图标添加适当的样式
-
-### 开发后检查
- [ ] 图标显示正常
- [ ] 样式符合设计要求
- [ ] 无障碍属性完整
- [ ] 性能影响最小
-
-## 紧急替换方案
-
-当遇到图标不存在时，使用以下通用图标：
-
-```typescript
-// 移动端通用图标
-import {
-  QuestionCircleOutline,  // 通用问号
-  AppOutline,             // 通用应用
-  ToolOutline,            // 通用工具
-  SettingOutline,         // 通用设置
-  UserOutline,            // 通用用户
-} from 'antd-mobile-icons';
-
-// PC端通用图标
-import {
-  QuestionCircleOutlined, // 通用问号
-  AppstoreOutlined,       // 通用应用
-  ToolOutlined,           // 通用工具
-  SettingOutlined,        // 通用设置
-  UserOutlined,           // 通用用户
-} from '@ant-design/icons';
-```
-
-## 更新日志
-
- 2024-01-XX: 初始版本
- 添加常用图标对照
- 添加错误示例和正确示例
- 添加快速检查清单
- 添加紧急替换方案 
--- a/nkebao/index.html
+++ b/nkebao/index.html
@@ -1,13 +1,19 @@
-<!DOCTYPE html>
-<html lang="zh-CN">
-  <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Nkebao Base</title>
-    <style>html{font-size:16px;}</style>
-  </head>
-  <body>
-    <div id="root"></div>
-    <script type="module" src="/src/main.tsx"></script>
-  </body>
-</html> 
+<!doctype html>
+<html lang="zh-CN">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Nkebao Base</title>
+    <style>
+      html {
+        font-size: 16px;
+      }
+    </style>
+    <!-- 引入 uni-app web-view SDK（必须） -->
+    <script src="./websdk.js"></script>
+  </head>
+  <body>
+    <div id="root"></div>
+    <script type="module" src="/src/main.tsx"></script>
+  </body>
+</html>
--- a/nkebao/package-lock.json
+++ b/nkebao/package-lock.json
@@ -10,6 +10,7 @@
      "license": "MIT",
      "dependencies": {
        "@ant-design/icons": "^5.6.1",
+        "@capacitor/android": "^7.4.2",
        "antd": "^5.13.1",
        "antd-mobile": "^5.39.1",
        "axios": "^1.6.7",
@@ -444,6 +445,25 @@
        "node": ">=6.9.0"
      }
    },
+    "node_modules/@capacitor/android": {
+      "version": "7.4.2",
+      "resolved": "https://registry.npmjs.org/@capacitor/android/-/android-7.4.2.tgz",
+      "integrity": "sha512-FZ7M9NwFkljR7EP5eXiE32mAIfZNcYw2CzRMCG3rQu0u0ZaIoeOeq5/oK4YcDnGpNmu8jpngKJqZ+9OiSQSwDg==",
+      "license": "MIT",
+      "peerDependencies": {
+        "@capacitor/core": "^7.4.0"
+      }
+    },
+    "node_modules/@capacitor/core": {
+      "version": "7.4.2",
+      "resolved": "https://registry.npmjs.org/@capacitor/core/-/core-7.4.2.tgz",
+      "integrity": "sha512-akCf9A1FUR8AWTtmgGjHEq6LmGsjA2U7igaJ9PxiCBfyxKqlDbuGHrlNdpvHEjV5tUPH3KYtkze6gtFcNKPU9A==",
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "tslib": "^2.1.0"
+      }
+    },
    "node_modules/@emotion/hash": {
      "version": "0.8.0",
      "resolved": "https://registry.npmjs.org/@emotion/hash/-/hash-0.8.0.tgz",
--- a/nkebao/public/manifest.json
+++ b/nkebao/public/manifest.json
@@ -0,0 +1,30 @@
+{
+  "name": "Cunkebao",
+  "short_name": "Cunkebao",
+  "description": "Cunkebao Mobile App",
+  "theme_color": "#ffffff",
+  "background_color": "#ffffff",
+  "display": "standalone",
+  "orientation": "portrait",
+  "scope": "/",
+  "start_url": "/",
+  "icons": [
+    {
+      "src": "favicon.ico",
+      "sizes": "64x64 32x32 24x24 16x16",
+      "type": "image/x-icon"
+    },
+    {
+      "src": "logo.png",
+      "sizes": "192x192",
+      "type": "image/png",
+      "purpose": "any maskable"
+    },
+    {
+      "src": "logo.png",
+      "sizes": "512x512",
+      "type": "image/png",
+      "purpose": "any maskable"
+    }
+  ]
+} 
--- a/nkebao/public/websdk.js
+++ b/nkebao/public/websdk.js
@@ -0,0 +1,308 @@
+!(function (e, n) {
+  "object" == typeof exports && "undefined" != typeof module
+    ? (module.exports = n())
+    : "function" == typeof define && define.amd
+      ? define(n)
+      : ((e = e || self).uni = n());
+})(this, function () {
+  "use strict";
+  try {
+    var e = {};
+    (Object.defineProperty(e, "passive", {
+      get: function () {
+        !0;
+      },
+    }),
+      window.addEventListener("test-passive", null, e));
+  } catch (e) {}
+  var n = Object.prototype.hasOwnProperty;
+  function i(e, i) {
+    return n.call(e, i);
+  }
+  var t = [];
+  function o() {
+    return window.__dcloud_weex_postMessage || window.__dcloud_weex_;
+  }
+  function a() {
+    return window.__uniapp_x_postMessage || window.__uniapp_x_;
+  }
+  var r = function (e, n) {
+      var i = { options: { timestamp: +new Date() }, name: e, arg: n };
+      if (a()) {
+        if ("postMessage" === e) {
+          var r = { data: n };
+          return window.__uniapp_x_postMessage
+            ? window.__uniapp_x_postMessage(r)
+            : window.__uniapp_x_.postMessage(JSON.stringify(r));
+        }
+        var d = {
+          type: "WEB_INVOKE_APPSERVICE",
+          args: { data: i, webviewIds: t },
+        };
+        window.__uniapp_x_postMessage
+          ? window.__uniapp_x_postMessageToService(d)
+          : window.__uniapp_x_.postMessageToService(JSON.stringify(d));
+      } else if (o()) {
+        if ("postMessage" === e) {
+          var s = { data: [n] };
+          return window.__dcloud_weex_postMessage
+            ? window.__dcloud_weex_postMessage(s)
+            : window.__dcloud_weex_.postMessage(JSON.stringify(s));
+        }
+        var w = {
+          type: "WEB_INVOKE_APPSERVICE",
+          args: { data: i, webviewIds: t },
+        };
+        window.__dcloud_weex_postMessage
+          ? window.__dcloud_weex_postMessageToService(w)
+          : window.__dcloud_weex_.postMessageToService(JSON.stringify(w));
+      } else {
+        if (!window.plus)
+          return window.parent.postMessage(
+            { type: "WEB_INVOKE_APPSERVICE", data: i, pageId: "" },
+            "*",
+          );
+        if (0 === t.length) {
+          var u = plus.webview.currentWebview();
+          if (!u) throw new Error("plus.webview.currentWebview() is undefined");
+          var g = u.parent(),
+            v = "";
+          ((v = g ? g.id : u.id), t.push(v));
+        }
+        if (plus.webview.getWebviewById("__uniapp__service"))
+          plus.webview.postMessageToUniNView(
+            { type: "WEB_INVOKE_APPSERVICE", args: { data: i, webviewIds: t } },
+            "__uniapp__service",
+          );
+        else {
+          var c = JSON.stringify(i);
+          plus.webview
+            .getLaunchWebview()
+            .evalJS(
+              'UniPlusBridge.subscribeHandler("'
+                .concat("WEB_INVOKE_APPSERVICE", '",')
+                .concat(c, ",")
+                .concat(JSON.stringify(t), ");"),
+            );
+        }
+      }
+    },
+    d = {
+      navigateTo: function () {
+        var e =
+            arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : {},
+          n = e.url;
+        r("navigateTo", { url: encodeURI(n) });
+      },
+      navigateBack: function () {
+        var e =
+            arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : {},
+          n = e.delta;
+        r("navigateBack", { delta: parseInt(n) || 1 });
+      },
+      switchTab: function () {
+        var e =
+            arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : {},
+          n = e.url;
+        r("switchTab", { url: encodeURI(n) });
+      },
+      reLaunch: function () {
+        var e =
+            arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : {},
+          n = e.url;
+        r("reLaunch", { url: encodeURI(n) });
+      },
+      redirectTo: function () {
+        var e =
+            arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : {},
+          n = e.url;
+        r("redirectTo", { url: encodeURI(n) });
+      },
+      getEnv: function (e) {
+        a()
+          ? e({ uvue: !0 })
+          : o()
+            ? e({ nvue: !0 })
+            : window.plus
+              ? e({ plus: !0 })
+              : e({ h5: !0 });
+      },
+      postMessage: function () {
+        var e =
+          arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : {};
+        r("postMessage", e.data || {});
+      },
+    },
+    s = /uni-app/i.test(navigator.userAgent),
+    w = /Html5Plus/i.test(navigator.userAgent),
+    u = /complete|loaded|interactive/;
+  var g =
+    window.my &&
+    navigator.userAgent.indexOf(
+      ["t", "n", "e", "i", "l", "C", "y", "a", "p", "i", "l", "A"]
+        .reverse()
+        .join(""),
+    ) > -1;
+  var v =
+    window.swan && window.swan.webView && /swan/i.test(navigator.userAgent);
+  var c =
+    window.qq &&
+    window.qq.miniProgram &&
+    /QQ/i.test(navigator.userAgent) &&
+    /miniProgram/i.test(navigator.userAgent);
+  var p =
+    window.tt &&
+    window.tt.miniProgram &&
+    /toutiaomicroapp/i.test(navigator.userAgent);
+  var _ =
+    window.wx &&
+    window.wx.miniProgram &&
+    /micromessenger/i.test(navigator.userAgent) &&
+    /miniProgram/i.test(navigator.userAgent);
+  var m = window.qa && /quickapp/i.test(navigator.userAgent);
+  var f =
+    window.ks &&
+    window.ks.miniProgram &&
+    /micromessenger/i.test(navigator.userAgent) &&
+    /miniProgram/i.test(navigator.userAgent);
+  var l =
+    window.tt &&
+    window.tt.miniProgram &&
+    /Lark|Feishu/i.test(navigator.userAgent);
+  var E =
+    window.jd && window.jd.miniProgram && /jdmp/i.test(navigator.userAgent);
+  var x =
+    window.xhs &&
+    window.xhs.miniProgram &&
+    /xhsminiapp/i.test(navigator.userAgent);
+  for (
+    var S,
+      h = function () {
+        ((window.UniAppJSBridge = !0),
+          document.dispatchEvent(
+            new CustomEvent("UniAppJSBridgeReady", {
+              bubbles: !0,
+              cancelable: !0,
+            }),
+          ));
+      },
+      y = [
+        function (e) {
+          if (s || w)
+            return (
+              window.__uniapp_x_postMessage ||
+              window.__uniapp_x_ ||
+              window.__dcloud_weex_postMessage ||
+              window.__dcloud_weex_
+                ? document.addEventListener("DOMContentLoaded", e)
+                : window.plus && u.test(document.readyState)
+                  ? setTimeout(e, 0)
+                  : document.addEventListener("plusready", e),
+              d
+            );
+        },
+        function (e) {
+          if (_)
+            return (
+              window.WeixinJSBridge && window.WeixinJSBridge.invoke
+                ? setTimeout(e, 0)
+                : document.addEventListener("WeixinJSBridgeReady", e),
+              window.wx.miniProgram
+            );
+        },
+        function (e) {
+          if (c)
+            return (
+              window.QQJSBridge && window.QQJSBridge.invoke
+                ? setTimeout(e, 0)
+                : document.addEventListener("QQJSBridgeReady", e),
+              window.qq.miniProgram
+            );
+        },
+        function (e) {
+          if (g) {
+            document.addEventListener("DOMContentLoaded", e);
+            var n = window.my;
+            return {
+              navigateTo: n.navigateTo,
+              navigateBack: n.navigateBack,
+              switchTab: n.switchTab,
+              reLaunch: n.reLaunch,
+              redirectTo: n.redirectTo,
+              postMessage: n.postMessage,
+              getEnv: n.getEnv,
+            };
+          }
+        },
+        function (e) {
+          if (v)
+            return (
+              document.addEventListener("DOMContentLoaded", e),
+              window.swan.webView
+            );
+        },
+        function (e) {
+          if (p)
+            return (
+              document.addEventListener("DOMContentLoaded", e),
+              window.tt.miniProgram
+            );
+        },
+        function (e) {
+          if (m) {
+            window.QaJSBridge && window.QaJSBridge.invoke
+              ? setTimeout(e, 0)
+              : document.addEventListener("QaJSBridgeReady", e);
+            var n = window.qa;
+            return {
+              navigateTo: n.navigateTo,
+              navigateBack: n.navigateBack,
+              switchTab: n.switchTab,
+              reLaunch: n.reLaunch,
+              redirectTo: n.redirectTo,
+              postMessage: n.postMessage,
+              getEnv: n.getEnv,
+            };
+          }
+        },
+        function (e) {
+          if (f)
+            return (
+              window.WeixinJSBridge && window.WeixinJSBridge.invoke
+                ? setTimeout(e, 0)
+                : document.addEventListener("WeixinJSBridgeReady", e),
+              window.ks.miniProgram
+            );
+        },
+        function (e) {
+          if (l)
+            return (
+              document.addEventListener("DOMContentLoaded", e),
+              window.tt.miniProgram
+            );
+        },
+        function (e) {
+          if (E)
+            return (
+              window.JDJSBridgeReady && window.JDJSBridgeReady.invoke
+                ? setTimeout(e, 0)
+                : document.addEventListener("JDJSBridgeReady", e),
+              window.jd.miniProgram
+            );
+        },
+        function (e) {
+          if (x) return window.xhs.miniProgram;
+        },
+        function (e) {
+          return (document.addEventListener("DOMContentLoaded", e), d);
+        },
+      ],
+      M = 0;
+    M < y.length && !(S = y[M](h));
+    M++
+  );
+  S || (S = {});
+  var P = "undefined" != typeof uni ? uni : {};
+  if (!P.navigateTo) for (var b in S) i(S, b) && (P[b] = S[b]);
+  return ((P.webView = S), P);
+});
--- a/nkebao/src/components/NavCommon/index.tsx
+++ b/nkebao/src/components/NavCommon/index.tsx
@@ -7,34 +7,45 @@ interface NavCommonProps {
  title: string;
  backFn?: () => void;
  right?: React.ReactNode;
+  left?: React.ReactNode;
 }

-const NavCommon: React.FC<NavCommonProps> = ({ title, backFn, right }) => {
+const NavCommon: React.FC<NavCommonProps> = ({
+  title,
+  backFn,
+  right,
+  left,
+}) => {
  const navigate = useNavigate();
  return (
-    <NavBar
-      back={null}
-      style={{ background: "#fff" }}
-      left={
-        <div className="nav-title">
-          <ArrowLeftOutlined
-            twoToneColor="#1677ff"
-            onClick={() => {
-              if (backFn) {
-                backFn();
-              } else {
-                navigate(-1);
-              }
-            }}
-          />
-        </div>
-      }
-      right={right}
-    >
-      <span style={{ color: "var(--primary-color)", fontWeight: 600 }}>
-        {title}
-      </span>
-    </NavBar>
+    <div style={{ paddingTop: "44px", background: "#fff" }}>
+      <NavBar
+        back={null}
+        left={
+          left ? (
+            left
+          ) : (
+            <div className="nav-title">
+              <ArrowLeftOutlined
+                twoToneColor="#1677ff"
+                onClick={() => {
+                  if (backFn) {
+                    backFn();
+                  } else {
+                    navigate(-1);
+                  }
+                }}
+              />
+            </div>
+          )
+        }
+        right={right}
+      >
+        <span style={{ color: "var(--primary-color)", fontWeight: 600 }}>
+          {title}
+        </span>
+      </NavBar>
+    </div>
  );
 };

--- a/nkebao/src/pages/iframe/index.module.scss
+++ b/nkebao/src/pages/iframe/index.module.scss
@@ -0,0 +1,278 @@
+.iframe-debug-page {
+  min-height: 100vh;
+  background: var(--primary-gradient);
+  padding: 20px;
+  font-family:
+    -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
+}
+
+.header {
+  text-align: center;
+  color: white;
+  margin-bottom: 30px;
+
+  h1 {
+    font-size: 2.5rem;
+    margin: 0 0 10px 0;
+    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
+  }
+
+  p {
+    font-size: 1.1rem;
+    margin: 0;
+    opacity: 0.9;
+  }
+}
+
+.content {
+  display: grid;
+  grid-template-columns: 1fr 1fr;
+  gap: 30px;
+  margin-bottom: 30px;
+
+  @media (max-width: 768px) {
+    grid-template-columns: 1fr;
+    gap: 20px;
+  }
+}
+
+.control-panel,
+.message-panel {
+  background: white;
+  border-radius: 15px;
+  padding: 25px;
+  box-shadow: 0 10px 30px var(--primary-shadow);
+
+  h3 {
+    margin: 0 0 20px 0;
+    color: #333;
+    font-size: 1.3rem;
+    border-bottom: 2px solid var(--primary-color);
+    padding-bottom: 10px;
+  }
+}
+
+.input-group {
+  display: flex;
+  gap: 10px;
+  margin-bottom: 20px;
+
+  @media (max-width: 480px) {
+    flex-direction: column;
+  }
+}
+
+.message-input {
+  flex: 1;
+  padding: 12px 15px;
+  border: 2px solid #e1e5e9;
+  border-radius: 8px;
+  font-size: 1rem;
+  transition: border-color 0.3s ease;
+
+  &:focus {
+    outline: none;
+    border-color: var(--primary-color);
+    box-shadow: 0 0 0 3px var(--primary-shadow-light);
+  }
+}
+
+.button-group {
+  display: flex;
+  gap: 10px;
+  flex-wrap: wrap;
+}
+
+.btn {
+  padding: 12px 20px;
+  border: none;
+  border-radius: 8px;
+  font-size: 1rem;
+  font-weight: 600;
+  cursor: pointer;
+  transition: all 0.3s ease;
+  text-transform: uppercase;
+  letter-spacing: 0.5px;
+
+  &:hover {
+    transform: translateY(-2px);
+    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
+  }
+
+  &:active {
+    transform: translateY(0);
+  }
+
+  &.btn-primary {
+    background: var(--primary-gradient);
+    color: white;
+
+    &:hover {
+      background: linear-gradient(
+        135deg,
+        var(--primary-color-dark) 0%,
+        var(--primary-color) 100%
+      );
+    }
+  }
+
+  &.btn-secondary {
+    background: linear-gradient(
+      135deg,
+      var(--primary-color-light) 0%,
+      var(--primary-color) 100%
+    );
+    color: white;
+
+    &:hover {
+      background: linear-gradient(
+        135deg,
+        var(--primary-color) 0%,
+        var(--primary-color-dark) 100%
+      );
+    }
+  }
+
+  &.btn-danger {
+    background: linear-gradient(135deg, #ff6b6b 0%, #ee5a52 100%);
+    color: white;
+
+    &:hover {
+      background: linear-gradient(135deg, #ee5a52 0%, #d63031 100%);
+    }
+  }
+}
+
+.message-list {
+  max-height: 400px;
+  overflow-y: auto;
+  border: 1px solid #e1e5e9;
+  border-radius: 8px;
+  padding: 10px;
+  background: #f8f9fa;
+}
+
+.no-messages {
+  text-align: center;
+  color: #6c757d;
+  font-style: italic;
+  padding: 20px;
+}
+
+.message-item {
+  background: white;
+  padding: 12px 15px;
+  margin-bottom: 8px;
+  border-radius: 6px;
+  border-left: 4px solid var(--primary-color);
+  box-shadow: 0 2px 4px var(--primary-shadow-light);
+
+  &:last-child {
+    margin-bottom: 0;
+  }
+}
+
+.message-text {
+  font-family: "Courier New", monospace;
+  font-size: 0.9rem;
+  color: #333;
+  word-break: break-all;
+  line-height: 1.4;
+}
+
+.info-panel {
+  background: white;
+  border-radius: 15px;
+  padding: 25px;
+  box-shadow: 0 10px 30px var(--primary-shadow);
+
+  h3 {
+    margin: 0 0 20px 0;
+    color: #333;
+    font-size: 1.3rem;
+    border-bottom: 2px solid var(--primary-color);
+    padding-bottom: 10px;
+  }
+}
+
+.info-item {
+  margin-bottom: 12px;
+  padding: 10px;
+  background: #f8f9fa;
+  border-radius: 6px;
+  border-left: 3px solid var(--primary-color);
+
+  strong {
+    color: #495057;
+    margin-right: 8px;
+  }
+
+  &:last-child {
+    margin-bottom: 0;
+  }
+}
+
+// 滚动条样式
+.message-list::-webkit-scrollbar {
+  width: 8px;
+}
+
+.message-list::-webkit-scrollbar-track {
+  background: #f1f1f1;
+  border-radius: 4px;
+}
+
+.message-list::-webkit-scrollbar-thumb {
+  background: #c1c1c1;
+  border-radius: 4px;
+
+  &:hover {
+    background: #a8a8a8;
+  }
+}
+
+// 响应式设计
+@media (max-width: 768px) {
+  .iframe-debug-page {
+    padding: 15px;
+  }
+
+  .header h1 {
+    font-size: 2rem;
+  }
+
+  .control-panel,
+  .message-panel,
+  .info-panel {
+    padding: 20px;
+  }
+
+  .btn {
+    padding: 10px 16px;
+    font-size: 0.9rem;
+  }
+}
+
+@media (max-width: 480px) {
+  .header h1 {
+    font-size: 1.8rem;
+  }
+
+  .content {
+    gap: 15px;
+  }
+
+  .control-panel,
+  .message-panel,
+  .info-panel {
+    padding: 15px;
+  }
+
+  .button-group {
+    flex-direction: column;
+  }
+
+  .btn {
+    width: 100%;
+  }
+}
--- a/nkebao/src/pages/iframe/index.tsx
+++ b/nkebao/src/pages/iframe/index.tsx
@@ -0,0 +1,264 @@
+import React, { useState, useEffect, useRef } from "react";
+import style from "./index.module.scss";
+
+// 声明全局的 uni 对象
+declare global {
+  interface Window {
+    uni: any;
+  }
+}
+
+interface Message {
+  id: number;
+  type: string;
+  data: any;
+  timestamp: number;
+}
+
+const IframeDebugPage: React.FC = () => {
+  const [receivedMessages, setReceivedMessages] = useState<string[]>([]);
+  const [messageId, setMessageId] = useState(0);
+  const [inputMessage, setInputMessage] = useState("");
+
+  useEffect(() => {
+    // 初始化 uni-app web-view SDK
+    const initUniSDK = () => {
+      console.log("web-view SDK 初始化完成");
+
+      // 页面加载完成后发送准备就绪消息
+      setTimeout(() => {
+        sendMessageToParent({
+          id: 0,
+          type: "ready",
+          data: { status: "loaded", url: window.location.href },
+          timestamp: Date.now(),
+        });
+      }, 500);
+    };
+
+    // 监听 SDK 初始化完成事件
+    document.addEventListener("UniAppJSBridgeReady", initUniSDK);
+
+    // 检查URL参数中的消息
+    checkUrlMessage();
+
+    // 监听 postMessage 事件（备用方案）
+    const handlePostMessage = (event: MessageEvent) => {
+      console.log("收到 postMessage:", event.data);
+
+      // 处理 uni.postMessage 发送的消息格式
+      if (event.data && typeof event.data === "object") {
+        // uni.postMessage 发送的消息格式是 { data: message }
+        if (event.data.data) {
+          handleParentMessage(event.data.data);
+        } else {
+          // 直接发送的消息格式
+          handleParentMessage(event.data);
+        }
+      }
+    };
+
+    window.addEventListener("message", handlePostMessage);
+
+    return () => {
+      document.removeEventListener("UniAppJSBridgeReady", initUniSDK);
+      window.removeEventListener("message", handlePostMessage);
+    };
+  }, []);
+
+  // 检查URL参数中的消息
+  const checkUrlMessage = () => {
+    const urlParams = new URLSearchParams(window.location.search);
+    const messageParam = urlParams.get("message");
+    if (messageParam) {
+      try {
+        const message = JSON.parse(decodeURIComponent(messageParam));
+        handleParentMessage(message);
+        // 清除URL参数
+        const newUrl = window.location.pathname;
+        window.history.replaceState({}, "", newUrl);
+      } catch (e) {
+        console.error("解析URL消息失败:", e);
+      }
+    }
+  };
+
+  // 移除 localStorage 相关代码，使用 postMessage 通信
+
+  // 接收 App 发送的消息（需与 App 端 evalJS 调用的函数名一致）
+  const receiveFromApp = (data: any) => {
+    console.log("web-view 收到 App 消息：", data);
+    handleParentMessage(data);
+  };
+
+  // 将函数挂载到全局，供 App 端调用
+  useEffect(() => {
+    (window as any).receiveFromApp = receiveFromApp;
+
+    return () => {
+      delete (window as any).receiveFromApp;
+    };
+  }, []);
+
+  // 接收 App 发送的消息
+  const handleParentMessage = (message: Message) => {
+    console.log("web-view 收到 App 消息：", message);
+    const messageText = `[${new Date().toLocaleTimeString()}] 收到: ${JSON.stringify(message)}`;
+    setReceivedMessages(prev => [...prev, messageText]);
+
+    // 根据消息类型进行不同处理
+    if (message.type === "command") {
+      if (message.data?.action === "update") {
+        // 更新页面内容
+        console.log("执行更新操作:", message.data.content);
+      }
+    } else if (message.type === "fromApp") {
+      console.log("收到 App 消息:", message.data?.content);
+    }
+  };
+
+  // 向 App 发送消息
+  const sendMessageToParent = (message: Message) => {
+    console.log("web-view 发送消息到 App:", message);
+
+    // 通过 uni.postMessage 发送消息（数据必须放在 data 字段中）
+    if (window.uni && window.uni.postMessage) {
+      try {
+        window.uni.postMessage({
+          data: message,
+        });
+        console.log("通过 uni.postMessage 发送消息到 App:", message);
+      } catch (e) {
+        console.error("uni.postMessage 失败:", e);
+      }
+    } else {
+      console.error("uni 对象不存在，无法发送消息");
+    }
+  };
+
+  // 向 App 发送消息
+  const sendCustomMessage = () => {
+    if (!inputMessage.trim()) return;
+
+    const newMessageId = messageId + 1;
+    setMessageId(newMessageId);
+
+    const message: Message = {
+      id: newMessageId,
+      type: "toApp",
+      data: {
+        content: inputMessage,
+        source: "web-view",
+        timestamp: Date.now(),
+      },
+      timestamp: Date.now(),
+    };
+
+    sendMessageToParent(message);
+    setInputMessage("");
+  };
+
+  // 发送测试消息到 App
+  const sendTestMessage = () => {
+    const newMessageId = messageId + 1;
+    setMessageId(newMessageId);
+
+    const message: Message = {
+      id: newMessageId,
+      type: "toApp",
+      data: {
+        action: "ping",
+        content: `web-view测试消息 ${newMessageId}`,
+        random: Math.random(),
+      },
+      timestamp: Date.now(),
+    };
+
+    sendMessageToParent(message);
+  };
+
+  // 清空消息列表
+  const clearMessages = () => {
+    setInputMessage("");
+    setReceivedMessages([]);
+  };
+
+  return (
+    <div className={style["iframe-debug-page"]}>
+      <div className={style.header}>
+        <h1>iframe 通信调试页面</h1>
+        <p>当前时间: {new Date().toLocaleString()}</p>
+      </div>
+
+      <div className={style.content}>
+        <div className={style["control-panel"]}>
+          <h3>控制面板</h3>
+
+          <div className={style["input-group"]}>
+            <input
+              type="text"
+              value={inputMessage}
+              onChange={e => setInputMessage(e.target.value)}
+              placeholder="输入要发送的消息"
+              className={style["message-input"]}
+            />
+            <button
+              onClick={sendCustomMessage}
+              className={`${style.btn} ${style["btn-primary"]}`}
+            >
+              发送消息
+            </button>
+          </div>
+
+          <div className={style["button-group"]}>
+            <button
+              onClick={sendTestMessage}
+              className={`${style.btn} ${style["btn-secondary"]}`}
+            >
+              发送测试消息
+            </button>
+            <button
+              onClick={clearMessages}
+              className={`${style.btn} ${style["btn-danger"]}`}
+            >
+              清空消息
+            </button>
+          </div>
+        </div>
+
+        <div className={style["message-panel"]}>
+          <h3>接收到的消息 ({receivedMessages.length})</h3>
+          <div className={style["message-list"]}>
+            {receivedMessages.length === 0 ? (
+              <div className={style["no-messages"]}>暂无消息</div>
+            ) : (
+              receivedMessages.map((msg, index) => (
+                <div key={index} className={style["message-item"]}>
+                  <span className={style["message-text"]}>{msg}</span>
+                </div>
+              ))
+            )}
+          </div>
+        </div>
+      </div>
+
+      <div className={style["info-panel"]}>
+        <h3>页面信息</h3>
+        <div className={style["info-item"]}>
+          <strong>页面URL:</strong> {window.location.href}
+        </div>
+        <div className={style["info-item"]}>
+          <strong>User Agent:</strong> {navigator.userAgent}
+        </div>
+        <div className={style["info-item"]}>
+          <strong>窗口大小:</strong> {window.innerWidth} x {window.innerHeight}
+        </div>
+        <div className={style["info-item"]}>
+          <strong>消息ID:</strong> {messageId}
+        </div>
+      </div>
+    </div>
+  );
+};
+
+export default IframeDebugPage;
--- a/nkebao/src/pages/mobile/home/index.tsx
+++ b/nkebao/src/pages/mobile/home/index.tsx
@@ -1,10 +1,8 @@
 import React, { useEffect, useState } from "react";
 import { useNavigate } from "react-router-dom";
-import { NavBar } from "antd-mobile";
+import NavCommon from "@/components/NavCommon";
 import {
-  BellOutlined,
  MobileOutlined,
-  UserOutlined,
  MessageOutlined,
  TeamOutlined,
  RiseOutlined,
@@ -27,13 +25,6 @@ interface DashboardData {
  aliveWechatNum?: number;
 }

-interface TodayStatsData {
-  momentsNum?: number;
-  groupPushNum?: number;
-  passRate?: string;
-  sysActive?: string;
-}
-
 interface SevenDayStatsData {
  date?: string[];
  allNum?: number[];
@@ -146,13 +137,7 @@ const Home: React.FC = () => {

  return (
    <Layout
-      header={
-        <NavBar back={null} style={{ background: "#fff" }}>
-          <div className={style["nav-title"]}>
-            <span className={style["nav-text"]}>存客宝</span>
-          </div>
-        </NavBar>
-      }
+      header={<NavCommon left={<></>} title="存客宝" />}
      footer={<MeauMobile activeKey="home" />}
      loading={isLoading}
    >
--- a/nkebao/src/pages/mobile/mine/main/index.tsx
+++ b/nkebao/src/pages/mobile/mine/main/index.tsx
@@ -1,6 +1,6 @@
 import React, { useState, useEffect } from "react";
 import { useNavigate } from "react-router-dom";
-import { Card, NavBar, List, Button, Toast } from "antd-mobile";
+import { Card, NavBar, List, Button } from "antd-mobile";
 import {
  PhoneOutlined,
  MessageOutlined,
@@ -13,7 +13,7 @@ import Layout from "@/components/Layout/Layout";
 import style from "./index.module.scss";
 import { useUserStore } from "@/store/module/user";
 import { getDashboard } from "./api";
-
+import NavCommon from "@/components/NavCommon";
 const Mine: React.FC = () => {
  const navigate = useNavigate();
  const { user } = useUserStore();
@@ -125,13 +125,7 @@ const Mine: React.FC = () => {

  return (
    <Layout
-      header={
-        <NavBar back={null} style={{ background: "#fff" }}>
-          <div style={{ color: "var(--primary-color)", fontWeight: 600 }}>
-            我的
-          </div>
-        </NavBar>
-      }
+      header={<NavCommon title="我的" />}
      footer={<MeauMobile activeKey="mine" />}
    >
      <div className={style["mine-page"]}>
--- a/nkebao/src/pages/mobile/scenarios/list/index.module.scss
+++ b/nkebao/src/pages/mobile/scenarios/list/index.module.scss
@@ -35,7 +35,13 @@
  min-height: 100vh;
  padding: 0 0 60px 0;
 }
-
+.error {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  padding: 50px 30px;
+}
 // 错误提示
 .error-notice {
  margin-bottom: 12px;
--- a/nkebao/src/pages/mobile/scenarios/list/index.tsx
+++ b/nkebao/src/pages/mobile/scenarios/list/index.tsx
@@ -1,8 +1,9 @@
 import React, { useEffect, useState } from "react";
 import { useNavigate } from "react-router-dom";
-import { NavBar, Button, Toast } from "antd-mobile";
+import { Button, Toast } from "antd-mobile";
 import { PlusOutlined, RiseOutlined } from "@ant-design/icons";
 import MeauMobile from "@/components/MeauMobile/MeauMoible";
+import NavCommon from "@/components/NavCommon";
 import Layout from "@/components/Layout/Layout";
 import { getScenarios } from "./api";
 import style from "./index.module.scss";
@@ -68,13 +69,17 @@ const Scene: React.FC = () => {
    return (
      <Layout
        header={
-          <NavBar back={null} style={{ background: "#fff" }}>
-            <div className="nav-title">场景获客</div>
-            <Button size="small" color="primary" onClick={handleNewPlan}>
-              <PlusOutlined /> 新建计划
-            </Button>
-          </NavBar>
+          <NavCommon
+            left={<></>}
+            title="场景获客"
+            right={
+              <Button size="small" color="primary" onClick={handleNewPlan}>
+                <PlusOutlined /> 新建计划
+              </Button>
+            }
+          />
        }
+        footer={<MeauMobile activeKey="scenarios" />}
      >
        <div className={style["error"]}>
          <div className={style["error-text"]}>{error}</div>
@@ -90,10 +95,9 @@ const Scene: React.FC = () => {
    <Layout
      loading={loading}
      header={
-        <NavBar
-          back={null}
-          style={{ background: "#fff" }}
+        <NavCommon
          left={<div className="nav-title">场景获客</div>}
+          title={""}
          right={
            <Button
              size="small"
@@ -104,7 +108,7 @@ const Scene: React.FC = () => {
              <PlusOutlined /> 新建计划
            </Button>
          }
-        ></NavBar>
+        />
      }
      footer={<MeauMobile activeKey="scenarios" />}
    >
--- a/nkebao/src/pages/mobile/test/index.tsx
+++ b/nkebao/src/pages/mobile/test/index.tsx
@@ -0,0 +1,59 @@
+import React from "react";
+import { Card, Button, Space, Typography, Tag } from "antd";
+import { MessageOutlined, SelectOutlined } from "@ant-design/icons";
+import { useNavigate } from "react-router-dom";
+import { isDevelopment } from "@/utils/env";
+import Layout from "@/components/Layout/Layout";
+import NavCommon from "@/components/NavCommon";
+
+const { Title, Text } = Typography;
+
+const TestIndex: React.FC = () => {
+  const navigate = useNavigate();
+
+  return (
+    <Layout header={<NavCommon title="测试页面" />}>
+      <div style={{ padding: "20px", maxWidth: "800px", margin: "0 auto" }}>
+        <Title level={2}>
+          测试页面
+          {isDevelopment && (
+            <Tag color="orange" style={{ marginLeft: 8, fontSize: "12px" }}>
+              开发环境
+            </Tag>
+          )}
+        </Title>
+
+        <Space direction="vertical" style={{ width: "100%" }} size="large">
+          <Card title="组件测试" size="small">
+            <Space direction="vertical" style={{ width: "100%" }}>
+              <Button
+                type="primary"
+                icon={<MessageOutlined />}
+                size="large"
+                block
+                onClick={() => navigate("/test/postMessage")}
+              >
+                UniApp桥接测试
+              </Button>
+
+              <Button
+                icon={<SelectOutlined />}
+                size="large"
+                block
+                onClick={() => navigate("/test/select")}
+              >
+                选择组件测试
+              </Button>
+            </Space>
+          </Card>
+
+          <Card title="说明" size="small">
+            <Text>这里提供各种功能的测试页面，方便开发和调试。</Text>
+          </Card>
+        </Space>
+      </div>
+    </Layout>
+  );
+};
+
+export default TestIndex;
--- a/nkebao/src/pages/mobile/component-test/index.tsx
+++ b/nkebao/src/pages/mobile/component-test/index.tsx
@@ -1,5 +1,5 @@
 import React, { useState } from "react";
-import { NavBar, Tabs } from "antd-mobile";
+import { NavBar, Tabs, Tag } from "antd-mobile";
 import { ArrowLeftOutlined } from "@ant-design/icons";
 import { useNavigate } from "react-router-dom";
 import Layout from "@/components/Layout/Layout";
@@ -9,6 +9,7 @@ import FriendSelection from "@/components/FriendSelection";
 import GroupSelection from "@/components/GroupSelection";
 import ContentLibrarySelection from "@/components/ContentLibrarySelection";
 import AccountSelection from "@/components/AccountSelection";
+import { isDevelopment } from "@/utils/env";

 const ComponentTest: React.FC = () => {
  const navigate = useNavigate();
@@ -26,11 +27,19 @@ const ComponentTest: React.FC = () => {
  // 内容库选择状态
  const [selectedLibraries, setSelectedLibraries] = useState<string[]>([]);

-  const [selectedAccounts, setSelectedAccounts] = useState<string[]>([]);
+  const [selectedAccounts, setSelectedAccounts] = useState<number[]>([]);

  return (
    <Layout header={<NavCommon title="组件调试" />}>
      <div style={{ padding: 16 }}>
+        {isDevelopment && (
+          <div style={{ marginBottom: 16, textAlign: "center" }}>
+            <Tag color="orange" style={{ fontSize: "12px" }}>
+              开发环境 - 组件测试
+            </Tag>
+          </div>
+        )}
+
        <Tabs activeKey={activeTab} onChange={setActiveTab}>
          <Tabs.Tab title="设备选择" key="devices">
            <div style={{ padding: "16px 0" }}>
--- a/nkebao/src/pages/mobile/workspace/main/index.module.scss
+++ b/nkebao/src/pages/mobile/workspace/main/index.module.scss
@@ -1,7 +1,5 @@
 .workspace {
-  padding: 16px;
-  background-color: #f5f5f5;
-  min-height: 100vh;
+  padding: 12px;
 }

 .section {
--- a/nkebao/src/pages/mobile/workspace/main/index.tsx
+++ b/nkebao/src/pages/mobile/workspace/main/index.tsx
@@ -3,19 +3,15 @@ import { Link } from "react-router-dom";
 import { Card, NavBar, Badge } from "antd-mobile";
 import {
  LikeOutlined,
-  MessageOutlined,
  SendOutlined,
  TeamOutlined,
  LinkOutlined,
-  AppstoreOutlined,
-  PieChartOutlined,
-  BarChartOutlined,
  ClockCircleOutlined,
 } from "@ant-design/icons";
 import Layout from "@/components/Layout/Layout";
 import MeauMobile from "@/components/MeauMobile/MeauMoible";
 import styles from "./index.module.scss";
-
+import NavCommon from "@/components/NavCommon";
 const Workspace: React.FC = () => {
  // 常用功能
  const commonFeatures = [
@@ -75,60 +71,9 @@ const Workspace: React.FC = () => {
    },
  ];

-  // AI智能助手
-  const aiFeatures = [
-    {
-      id: "ai-analyzer",
-      name: "AI数据分析",
-      description: "智能分析客户行为特征",
-      icon: (
-        <BarChartOutlined
-          className={styles.icon}
-          style={{ color: "#531dab" }}
-        />
-      ),
-      path: "/workspace/ai-analyzer",
-      bgColor: "#f0f0ff",
-      isNew: true,
-    },
-    {
-      id: "ai-strategy",
-      name: "AI策略优化",
-      description: "智能优化获客策略",
-      icon: (
-        <AppstoreOutlined
-          className={styles.icon}
-          style={{ color: "#13c2c2" }}
-        />
-      ),
-      path: "/workspace/ai-strategy",
-      bgColor: "#e6fffb",
-      isNew: true,
-    },
-    {
-      id: "ai-forecast",
-      name: "AI销售预测",
-      description: "智能预测销售趋势",
-      icon: (
-        <PieChartOutlined
-          className={styles.icon}
-          style={{ color: "#d48806" }}
-        />
-      ),
-      path: "/workspace/ai-forecast",
-      bgColor: "#fffbe6",
-    },
-  ];
-
  return (
    <Layout
-      header={
-        <NavBar back={null} style={{ background: "#fff" }}>
-          <div style={{ color: "var(--primary-color)", fontWeight: 600 }}>
-            工作台
-          </div>
-        </NavBar>
-      }
+      header={<NavCommon left={<></>} title="工作台" />}
      footer={<MeauMobile activeKey="workspace" />}
    >
      <div className={styles.workspace}>
--- a/nkebao/src/router/module/component-test.tsx
+++ b/nkebao/src/router/module/component-test.tsx
@@ -1,11 +0,0 @@
-import ComponentTest from "@/pages/mobile/component-test";
-
-const componentTestRoutes = [
-  {
-    path: "/component-test",
-    element: <ComponentTest />,
-    auth: true,
-  },
-];
-
-export default componentTestRoutes;
--- a/nkebao/src/router/module/iframe.tsx
+++ b/nkebao/src/router/module/iframe.tsx
@@ -0,0 +1,12 @@
+import IframeDebugPage from "@/pages/iframe";
+
+// iframe 调试路由
+const iframeRoutes = [
+  {
+    path: "/iframe",
+    element: <IframeDebugPage />,
+    auth: false, // 不需要认证，方便调试
+  },
+];
+
+export default iframeRoutes;
--- a/nkebao/src/router/module/test.tsx
+++ b/nkebao/src/router/module/test.tsx
@@ -0,0 +1,22 @@
+import SelectTest from "@/pages/mobile/test/select";
+import PostMessageTest from "@/pages/mobile/test/postMessage";
+import TestIndex from "@/pages/mobile/test/index";
+import { DEV_FEATURES } from "@/utils/env";
+
+// 只在开发环境启用测试路由
+const componentTestRoutes = DEV_FEATURES.SHOW_TEST_PAGES
+  ? [
+      {
+        path: "/test",
+        element: <TestIndex />,
+        auth: true,
+      },
+      {
+        path: "/test/select",
+        element: <SelectTest />,
+        auth: true,
+      },
+    ]
+  : [];
+
+export default componentTestRoutes;
--- a/nkebao/src/styles/global.scss
+++ b/nkebao/src/styles/global.scss
@@ -160,6 +160,17 @@ textarea {
 }

 /* 6. 移动端/PC端兼容基础样式 */
+
+// 安全区域CSS变量定义
+:root {
+  --safe-area-top: 0px;
+  --safe-area-bottom: 0px;
+  --safe-area-left: 0px;
+  --safe-area-right: 0px;
+  --status-bar-height: 0px;
+  --nav-bar-height: 44px;
+}
+
 html,
 body {
  height: 100%;
--- a/nkebao/src/utils/env.ts
+++ b/nkebao/src/utils/env.ts
@@ -0,0 +1,46 @@
+// 环境配置
+export const isDevelopment = import.meta.env.DEV;
+export const isProduction = import.meta.env.PROD;
+export const isTest = import.meta.env.MODE === "test";
+
+// 开发环境特性开关
+export const DEV_FEATURES = {
+  // 是否显示测试页面
+  SHOW_TEST_PAGES: isDevelopment,
+
+  // 是否启用调试日志
+  ENABLE_DEBUG_LOGS: isDevelopment,
+
+  // 是否显示开发工具
+  SHOW_DEV_TOOLS: isDevelopment,
+
+  // 是否启用Mock数据
+  ENABLE_MOCK_DATA: isDevelopment,
+};
+
+// 获取环境变量
+export const getEnvVar = (key: string, defaultValue?: string): string => {
+  return import.meta.env[key] || defaultValue || "";
+};
+
+// 环境信息
+export const ENV_INFO = {
+  MODE: import.meta.env.MODE,
+  DEV: import.meta.env.DEV,
+  PROD: import.meta.env.PROD,
+  VITE_APP_TITLE: getEnvVar("VITE_APP_TITLE", "存客宝"),
+  VITE_API_BASE_URL: getEnvVar("VITE_API_BASE_URL", ""),
+  VITE_APP_VERSION: getEnvVar("VITE_APP_VERSION", "1.0.0"),
+};
+
+// 开发环境检查
+export const checkDevEnvironment = () => {
+  if (isDevelopment) {
+    // console.log("🚀 开发环境已启用");
+    // console.log("📋 环境信息:", ENV_INFO);
+    // console.log("⚙️ 开发特性:", DEV_FEATURES);
+  }
+};
+
+// 初始化环境检查
+checkDevEnvironment();
--- a/nkebao/vite-pwa.config.ts
+++ b/nkebao/vite-pwa.config.ts
@@ -0,0 +1,58 @@
+import { defineConfig } from "vite";
+import react from "@vitejs/plugin-react";
+import { VitePWA } from "vite-plugin-pwa";
+
+export default defineConfig({
+  plugins: [
+    react(),
+    VitePWA({
+      registerType: "autoUpdate",
+      workbox: {
+        globPatterns: ["**/*.{js,css,html,ico,png,svg}"],
+        runtimeCaching: [
+          {
+            urlPattern: /^https:\/\/api\./,
+            handler: "NetworkFirst",
+            options: {
+              cacheName: "api-cache",
+              expiration: {
+                maxEntries: 100,
+                maxAgeSeconds: 60 * 60 * 24 * 7, // 7 days
+              },
+            },
+          },
+        ],
+      },
+      manifest: {
+        name: "Cunkebao",
+        short_name: "Cunkebao",
+        description: "Cunkebao Mobile App",
+        theme_color: "#ffffff",
+        background_color: "#ffffff",
+        display: "standalone",
+        orientation: "portrait",
+        scope: "/",
+        start_url: "/",
+        icons: [
+          {
+            src: "favicon.ico",
+            sizes: "64x64 32x32 24x24 16x16",
+            type: "image/x-icon",
+          },
+          {
+            src: "logo.png",
+            sizes: "192x192",
+            type: "image/png",
+            purpose: "any maskable",
+          },
+          {
+            src: "logo.png",
+            sizes: "512x512",
+            type: "image/png",
+            purpose: "any maskable",
+          },
+        ],
+      },
+    }),
+  ],
+});