feat: import animal-island-ui snapshot

2026-05-19 19:31:52 +08:00
commit e1065947d6
139 changed files with 14957 additions and 0 deletions
@@ -0,0 +1,48 @@
+import React from 'react';
+import { Phone } from '../../../src';
+import {
+    CodeBlock,
+    ApiTable,
+    ApiRow,
+    sectionStyle,
+    sectionTitleStyle,
+    tagStyle,
+    demoBodyStyle,
+    labelStyle,
+} from '../../tools';
+
+const PhoneDemo: React.FC = () => (
+    <div style={sectionStyle}>
+        <div style={sectionTitleStyle}>
+            Phone <span style={tagStyle}>手机</span>
+        </div>
+        <div style={labelStyle}>
+            Phone 组件 — 手机界面组件。
+        </div>
+        <div style={{ ...demoBodyStyle, transform: 'scale(0.6)', transformOrigin: 'top left', height: 473 }}>
+            <Phone />
+        </div>
+        <CodeBlock
+            code={`import React from 'react';
+import { Phone } from 'animal-island-ui';
+
+const App = () => {
+    return (
+        <div>
+            {/* 手机界面 */}
+            <Phone />
+        </div>
+    );
+};
+
+export default App;`}
+        />
+        <ApiTable rows={PHONE_API} />
+    </div>
+);
+
+const PHONE_API: ApiRow[] = [
+    { prop: 'className', desc: '自定义类名', type: 'string', defaultVal: '-' },
+];
+
+export default PhoneDemo;