feat: add ff-demo

afeiship · afeiship · commit 75af98b60c34 · 2024-09-08T11:52:25.000+08:00
diff --git a/src/App.tsx b/src/App.tsx
@@ -10,10 +10,12 @@ import ShortcutsCorner from './components/shortcuts-corner.tsx';
 import LhComponents from './components/lh-components.tsx';
 import Blanks from './components/blanks.tsx';
 import FullSpacings from './components/full-spacings.tsx';
+import FfDemo from './components/ff-demo.tsx';
 
 function App() {
   return (
     <div className="mx-auto mt-20 flex w-1/2 flex-col bg-gray-200 p-10">
+      <FfDemo />
       <h1 className="text-2xl">Hello World</h1>
       <p className="z1">
         App<sup className="f8 z2">1.0.0</sup>
diff --git a/src/components/ff-demo.tsx b/src/components/ff-demo.tsx
@@ -0,0 +1,17 @@
+/**
+ * @email: aric.zheng@alo7.com
+ * @description: A React component.
+ * @updated_at: 2024-09-08 11:49:14
+ */
+
+const Anonymous = () => {
+  return (
+    <div className="rounded-md bg-gray-100 p-5 y-4">
+      <h1 className="font-cn">你好，匿名用户！</h1>
+      <h3 className="font-en">Welcome, Anonymous!</h3>
+      <h3 className="font-num">0123456789</h3>
+    </div>
+  );
+};
+
+export default Anonymous;
diff --git a/tailwind.config.js b/tailwind.config.js
@@ -5,7 +5,13 @@ export default {
   presets: [twPresets],
   content: ['./index.html', './src/**/*.{js,ts,jsx,tsx}'],
   theme: {
-    extend: {}
+    extend: {
+      fontFamily: {
+        cn: ['PingFang SC', 'Microsoft YaHei', 'sans-serif'],
+        en: ['Impact'],
+        num: ['Times New Roman']
+      }
+    }
   },
   plugins: [
     function ({ addBase }) {
