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 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
  - 使用自定义主题色,直接覆盖变量或样式。