gp-designer 1.0.35 → 1.0.37
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/README.md +26 -1
- package/dist/gp-designer.es.js +2978 -2831
- package/dist/gp-designer.umd.js +7 -7
- package/dist/style.css +2 -2
- package/dist/types/components/Model.d.ts +21 -0
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -18,11 +18,36 @@
|
|
|
18
18
|
- 图标、按钮等节点，建议用盒子模型包装。
|
|
19
19
|
- 块节点，必须使用盒子模型包装，且块节点至少设计 2 个以上。
|
|
20
20
|
- 在父级盒子上，尽量少用 `relative` 布局，因为可能会和设计器冲突。
|
|
21
|
-
- HTML 模板命名规则，可以使用拼音或英文，推荐命名：`{业务编码}-{布局方式}-{版本/序号}.html`，例如：关于我们-横排2列布局（`guanyu-x2.html`）
|
|
21
|
+
- HTML 模板命名规则，可以使用拼音或英文，推荐命名：`{业务编码}-{布局方式}-{版本/序号}.html`，例如：关于我们-横排 2 列布局（`guanyu-x2.html`）
|
|
22
22
|
- 当模板较多时，推荐规则：每个模板都有自己独立的文件夹。
|
|
23
23
|
- 当模板较少时，可以使用统一的 css 等。
|
|
24
24
|
- 关于字体问题，如果统一名称为 `iconfont`，则需要确保引入多套 `iconfont` 时，确保命名没有冲突，否则就需要重新命名 `iconfont`
|
|
25
25
|
|
|
26
|
+
#### 主题色设计
|
|
27
|
+
|
|
28
|
+
- 使用自定义主题色，直接覆盖变量或样式。
|
|
29
|
+
|
|
30
|
+
```css
|
|
31
|
+
/* 主题色 */
|
|
32
|
+
:root {
|
|
33
|
+
--gp-designer-theme-color: #3574e6;
|
|
34
|
+
}
|
|
35
|
+
|
|
36
|
+
/* 文本类型主题色 */
|
|
37
|
+
.gp-designer-theme-text {
|
|
38
|
+
color: var(--gp-designer-theme-color);
|
|
39
|
+
}
|
|
40
|
+
|
|
41
|
+
/* 图标类型主题色 */
|
|
42
|
+
.gp-designer-theme-icon {
|
|
43
|
+
color: var(--gp-designer-theme-color);
|
|
44
|
+
}
|
|
45
|
+
|
|
46
|
+
/* 按钮类型主题色 */
|
|
47
|
+
.gp-designer-theme-button {
|
|
48
|
+
background-color: var(--gp-designer-theme-color);
|
|
49
|
+
}
|
|
50
|
+
```
|
|
26
51
|
|
|
27
52
|
---
|
|
28
53
|
|