gp-designer 1.0.75 → 1.0.76
Sign up to get free protection for your applications and to get access to all the features.
- package/README.md +1 -2
- package/dist/spa/topic/css/style.css +1 -1
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -15,8 +15,7 @@
|
|
|
15
15
|
- 模板目录 `/public/topic/{模板}`
|
|
16
16
|
- 禁止标签，静态模板不允许使用的标签：`br`
|
|
17
17
|
- 所有页面布局使用 `flex` 布局，所有页面原则上没有固定宽高（特殊除外，例如：下标、边框等）
|
|
18
|
-
-
|
|
19
|
-
- 图标、按钮等节点，建议用盒子模型包装。
|
|
18
|
+
- 图片、文本、图标、按钮，每个节点必须用用独立的 `div` 或 `span` 等元素包装，即：子元素只能有1个。
|
|
20
19
|
- 在父级盒子上，尽量少用 `relative` 布局，因为可能会和设计器冲突。
|
|
21
20
|
- HTML 模板命名规则，可以使用拼音或英文，推荐命名：`{业务编码}-{布局方式}-{版本/序号}.html`，例如：关于我们-横排 2 列布局（`guanyu-x2.html`）
|
|
22
21
|
- 当模板较多时，推荐规则：每个模板都有自己独立的文件夹。
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
.gp-message[data-v-a234b03c]{z-index:999999;transition:all .3s ease;max-width:300px;font-family:微软雅黑}.message-content[data-v-a234b03c]{display:flex;align-items:center;justify-content:space-between;padding:10px 20px;border-radius:4px;box-shadow:0 2px 8px #00000026;font-size:14px}.close-btn[data-v-a234b03c]{background:none;border:none;color:#4b5563;cursor:pointer;margin-left:10px;line-height:1;padding:0}.fade-enter-active[data-v-a234b03c],.fade-leave-active[data-v-a234b03c]{transition:opacity .3s}.fade-enter-from[data-v-a234b03c],.fade-leave-to[data-v-a234b03c]{opacity:0}[contenteditable=true][data-v-
|
|
1
|
+
.gp-message[data-v-a234b03c]{z-index:999999;transition:all .3s ease;max-width:300px;font-family:微软雅黑}.message-content[data-v-a234b03c]{display:flex;align-items:center;justify-content:space-between;padding:10px 20px;border-radius:4px;box-shadow:0 2px 8px #00000026;font-size:14px}.close-btn[data-v-a234b03c]{background:none;border:none;color:#4b5563;cursor:pointer;margin-left:10px;line-height:1;padding:0}.fade-enter-active[data-v-a234b03c],.fade-leave-active[data-v-a234b03c]{transition:opacity .3s}.fade-enter-from[data-v-a234b03c],.fade-leave-to[data-v-a234b03c]{opacity:0}[contenteditable=true][data-v-b882fa11]:focus{outline:none}[contenteditable=true][data-v-b882fa11]{outline:none}textarea[data-v-b882fa11]{resize:none;border:none;outline:none;background:transparent}.custom-checkbox[data-v-68b8f276]{width:16px;height:16px;border:2px solid #d1d5db;border-radius:4px;background-color:#fff;position:relative;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;cursor:pointer;transition:all .2s ease}.custom-checkbox[data-v-68b8f276]:checked{border-color:#3b82f6;background-color:#3b82f6}.custom-checkbox[data-v-68b8f276]:checked:after{content:"✓";color:#fff;font-size:12px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.checkbox-label[data-v-68b8f276]{line-height:1.2;font-size:14px;color:#4b5563}.border[data-v-a7d2f78b]{border:1px solid #ccc}.custom-checkbox[data-v-a7d2f78b]{width:18px;height:18px;border:2px solid #d1d5db;border-radius:4px;background-color:#fff;position:relative;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;cursor:pointer;transition:all .2s ease}.custom-checkbox[data-v-a7d2f78b]:checked{border-color:#3b82f6;background-color:#3b82f6}.custom-checkbox[data-v-a7d2f78b]:checked:after{content:"✓";color:#fff;font-size:12px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}/*!
|
|
2
2
|
* Cropper.js v1.6.2
|
|
3
3
|
* https://fengyuanchen.github.io/cropperjs
|
|
4
4
|
*
|