create-comate-pagebuilder 1.0.7 → 1.0.9
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json
CHANGED
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "pagebuilder-react-template",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.9",
|
|
4
4
|
"lockfileVersion": 3,
|
|
5
5
|
"requires": true,
|
|
6
6
|
"packages": {
|
|
7
7
|
"": {
|
|
8
8
|
"name": "pagebuilder-react-template",
|
|
9
|
-
"version": "1.0.
|
|
9
|
+
"version": "1.0.9",
|
|
10
10
|
"dependencies": {
|
|
11
11
|
"clsx": "^2.1.0",
|
|
12
12
|
"framer-motion": "^12.23.24",
|
package/template/package.json
CHANGED
package/template/src/index.css
CHANGED
|
@@ -1,49 +1,5 @@
|
|
|
1
1
|
@tailwind base;
|
|
2
2
|
@tailwind components;
|
|
3
3
|
@tailwind utilities;
|
|
4
|
-
|
|
5
|
-
/*
|
|
6
|
-
* TODO: 本文件使用了自定义颜色，需要在 tailwind.config.js 中定义：
|
|
7
|
-
* - primary (主要按钮背景)
|
|
8
|
-
* - secondary (次要按钮背景)
|
|
9
|
-
* - foreground (主要文本)
|
|
10
|
-
* - muted-foreground (次要文本)
|
|
11
|
-
* - border (边框)
|
|
12
|
-
* - muted (浅色背景)
|
|
13
|
-
*/
|
|
14
|
-
|
|
15
|
-
/* pagebuilder 全局样式基础 */
|
|
16
|
-
@layer base {
|
|
17
|
-
* {
|
|
18
|
-
/* 需要定义 border */
|
|
19
|
-
@apply border-border;
|
|
20
|
-
}
|
|
21
|
-
|
|
22
|
-
body {
|
|
23
|
-
/* 需要定义 foreground */
|
|
24
|
-
@apply bg-white text-foreground antialiased;
|
|
25
|
-
}
|
|
26
|
-
|
|
27
|
-
h1, h2, h3, h4, h5, h6 {
|
|
28
|
-
@apply font-semibold tracking-tight;
|
|
29
|
-
}
|
|
30
|
-
}
|
|
31
|
-
|
|
32
|
-
@layer components {
|
|
33
|
-
/* 标准按钮样式 */
|
|
34
|
-
.btn-primary {
|
|
35
|
-
/* 需要定义 primary */
|
|
36
|
-
@apply px-6 py-3 bg-primary text-white rounded-lg font-medium
|
|
37
|
-
hover:brightness-90 active:scale-95 transition-all duration-200
|
|
38
|
-
shadow-sm hover:shadow-md;
|
|
39
|
-
}
|
|
40
|
-
|
|
41
|
-
.btn-secondary {
|
|
42
|
-
/* 需要定义 secondary, foreground */
|
|
43
|
-
@apply px-6 py-3 bg-secondary text-foreground rounded-lg font-medium
|
|
44
|
-
hover:brightness-95 active:scale-95 transition-all duration-200;
|
|
45
|
-
}
|
|
46
|
-
}
|
|
47
|
-
|
|
48
4
|
/* 可选：引入 animate.css（如果使用） */
|
|
49
5
|
/* @import 'animate.css'; */
|
|
@@ -1,9 +1,5 @@
|
|
|
1
1
|
import { Link } from 'react-router'
|
|
2
2
|
|
|
3
|
-
/**
|
|
4
|
-
* TODO: 本组件使用了自定义颜色 muted-foreground
|
|
5
|
-
* 需要在 tailwind.config.js 中定义
|
|
6
|
-
*/
|
|
7
3
|
export default function Home() {
|
|
8
4
|
return (
|
|
9
5
|
<main className="min-h-screen flex items-center justify-center px-6 py-20">
|
|
@@ -11,8 +7,7 @@ export default function Home() {
|
|
|
11
7
|
<h1 className="text-6xl font-bold mb-6">
|
|
12
8
|
Welcome
|
|
13
9
|
</h1>
|
|
14
|
-
|
|
15
|
-
<p className="text-xl text-muted-foreground">
|
|
10
|
+
<p className="text-xl">
|
|
16
11
|
Start building your application here
|
|
17
12
|
</p>
|
|
18
13
|
</div>
|
|
@@ -8,15 +8,7 @@ export default {
|
|
|
8
8
|
extend: {
|
|
9
9
|
colors: {
|
|
10
10
|
// TODO: 请根据项目需求定义配色方案（只需填写单个颜色值即可）
|
|
11
|
-
|
|
12
|
-
// primary: '#3b82f6', // 蓝色
|
|
13
|
-
// secondary: '#f3f4f6', // 浅灰色
|
|
14
|
-
// accent: '#10b981', // 绿色
|
|
15
|
-
// foreground: '#1f2937', // 深灰（主文本）
|
|
16
|
-
// 'muted-foreground': '#6b7280', // 中灰（次要文本）
|
|
17
|
-
// border: '#e5e7eb', // 浅灰（边框）
|
|
18
|
-
// muted: '#f9fafb', // 极浅灰（背景）
|
|
19
|
-
//
|
|
11
|
+
|
|
20
12
|
// 使用场景说明：
|
|
21
13
|
// - primary: 主色，用于主要按钮背景 (bg-primary)
|
|
22
14
|
// - secondary: 次要色，用于次要按钮背景 (bg-secondary)
|