修复

src/components/MobileDesignView.tsx

@@ -1,8 +1,8 @@
-import React from 'react';
+import React, { useState } from 'react';
 import { ChevronLeft, Printer, Undo2, Redo2 } from 'lucide-react';
 import { LabelTemplate, PaperConfig } from '../types';
 import { LabelDesigner } from './LabelDesigner';
-import { PropSidebar } from './PropSidebar';
+import { PropSidebar, MobilePropModule } from './PropSidebar';
 
 interface MobileDesignViewProps {
   template: LabelTemplate;
@@ -31,6 +31,8 @@ export const MobileDesignView: React.FC<MobileDesignViewProps> = ({
   onBack,
   onExport,
 }) => {
+  const [mobileModule, setMobileModule] = useState<MobilePropModule>('properties');
+
   return (
     <div className="mobile-design-view">
       <header className="mobile-design-header">
@@ -80,6 +82,7 @@ export const MobileDesignView: React.FC<MobileDesignViewProps> = ({
           onChange={onChangeTemplate}
           selectedElementIds={selectedElementIds}
           onSelectElements={onSelectElements}
+          suppressSelectionChrome={mobileModule === 'nudge'}
         />
       </div>
 
@@ -93,6 +96,8 @@ export const MobileDesignView: React.FC<MobileDesignViewProps> = ({
           activeTab="element"
           onChangeTab={() => {}}
           paper={paper}
+          mobileModule={mobileModule}
+          onMobileModuleChange={setMobileModule}
         />
       </div>
     </div>