gp-designer 1.0.60 → 1.0.62
Sign up to get free protection for your applications and to get access to all the features.
- package/README.md +6 -1
- package/dist/gp-designer.es.js +2433 -2406
- package/dist/gp-designer.umd.js +8 -7
- package/dist/spa/topic/css/style.css +9 -0
- package/dist/style.css +2 -2
- package/dist/types/components/ElementRenderer.vue.d.ts +1 -1
- package/dist/types/components/GpMessage.vue.d.ts +1 -1
- package/dist/types/components/Model.d.ts +1 -0
- package/package.json +3 -2
package/README.md
CHANGED
@@ -13,10 +13,10 @@
|
|
13
13
|
> 模板中的静态文件引入,必须使用绝对路径(/spa/topic/xxx),因为此模板在不同的页面、不同的站点会引用。
|
14
14
|
|
15
15
|
- 模板目录 `/public/topic/{模板}`
|
16
|
+
- 禁止标签,静态模板不允许使用的标签:`br`
|
16
17
|
- 所有页面布局使用 `flex` 布局,所有页面原则上没有固定宽高(特殊除外,例如:下标、边框等)
|
17
18
|
- 图片节点必须用用独立的 `div` 或 `span` 等元素包装。
|
18
19
|
- 图标、按钮等节点,建议用盒子模型包装。
|
19
|
-
- 块节点,必须使用盒子模型包装,且块节点至少设计 2 个以上。
|
20
20
|
- 在父级盒子上,尽量少用 `relative` 布局,因为可能会和设计器冲突。
|
21
21
|
- HTML 模板命名规则,可以使用拼音或英文,推荐命名:`{业务编码}-{布局方式}-{版本/序号}.html`,例如:关于我们-横排 2 列布局(`guanyu-x2.html`)
|
22
22
|
- 当模板较多时,推荐规则:每个模板都有自己独立的文件夹。
|
@@ -25,6 +25,11 @@
|
|
25
25
|
- 块最外层 `div` 对象不能设置:`margin、gap` 等外边距,因为块对象会进行百分比排版,每个块占比 n%,设置 `margin` 会导致总百分比超出 100%。
|
26
26
|
- 移动端自动轮播,需要引入 `/spa/topic/css/swiper-bundle.min.css、jquery-3.6.0.min.js、swiper-bundle.min.js`
|
27
27
|
|
28
|
+
#### 注意
|
29
|
+
|
30
|
+
- 注意,在 iframe 中,样式文件必须构建后才能生效,即:src/style.css 构建后会自动复制到 dist/spa/topic/css/style.css
|
31
|
+
|
32
|
+
|
28
33
|
#### 主题色设计
|
29
34
|
|
30
35
|
- 使用自定义主题色,直接覆盖变量或样式。
|