💄 style: 补充响应式用法的 demo

arvinxx · Mar 22, 2023 · f81b69c · f81b69c · vercel · Mar 22, 2023
1 parent 08fc472
commit f81b69c
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 3 deletions.
diff --git a/package.json b/package.json
@@ -4,6 +4,7 @@
   "private": true,
   "scripts": {
     "build": "max build",
+    "build:analyze": "ANALYZE=1 max build",
     "dev": "max dev",
     "lint": "max lint",
     "prepare": "husky install",
@@ -47,5 +48,6 @@
     "ts-node": "^10",
     "typescript": "^4",
     "vercel": "^28"
-  }
+  },
+  "repository": "https://github.com/arvinxx/umi-simple-web-template.git"
 }
diff --git a/src/pages/style.ts b/src/pages/style.ts
@@ -1,11 +1,15 @@
-import { createStyles, css } from 'antd-style';
 import img from '@/assets/yay.jpg';
+import { createStyles } from 'antd-style';
 
-export default createStyles(({ token }) => ({
+export default createStyles(({ token, css, responsive }) => ({
   normal: css`
     font-family: Georgia, sans-serif;
     margin-top: 4em;
     text-align: center;
+
+    ${responsive.mobile} {
+      margin-top: 10px;
+    }
   `,
 
   welcome: css`