gp-designer 1.0.60 → 1.0.62

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.
Files changed (9) hide show
  1. package/README.md +6 -1
  2. package/dist/gp-designer.es.js +2433 -2406
  3. package/dist/gp-designer.umd.js +8 -7
  4. package/dist/spa/topic/css/style.css +9 -0
  5. package/dist/style.css +2 -2
  6. package/dist/types/components/ElementRenderer.vue.d.ts +1 -1
  7. package/dist/types/components/GpMessage.vue.d.ts +1 -1
  8. package/dist/types/components/Model.d.ts +1 -0
  9. 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
  - 使用自定义主题色，直接覆盖变量或样式。