gp-designer 1.0.75 → 1.0.77
Sign up to get free protection for your applications and to get access to all the features.
package/README.md
CHANGED
|
@@ -15,8 +15,7 @@
|
|
|
15
15
|
- 模板目录 `/public/topic/{模板}`
|
|
16
16
|
- 禁止标签，静态模板不允许使用的标签：`br`
|
|
17
17
|
- 所有页面布局使用 `flex` 布局，所有页面原则上没有固定宽高（特殊除外，例如：下标、边框等）
|
|
18
|
-
-
|
|
19
|
-
- 图标、按钮等节点，建议用盒子模型包装。
|
|
18
|
+
- 图片、文本、图标、按钮，每个节点必须用用独立的 `div` 或 `span` 等元素包装，即：子元素只能有1个，也表示这些节点是最终节点（例如：不能在 img 中添加子元素）。
|
|
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
|
*
|
|
@@ -7,15 +7,17 @@
|
|
|
7
7
|
<div class="bg-blue-400 w-10 h-1"></div>
|
|
8
8
|
</div>
|
|
9
9
|
<div class="text-sm text-center">
|
|
10
|
-
好学校是中国教育服务领导品牌网站，成功整合了互联网与传统教培行业的资源与优势，
|
|
11
|
-
<br>
|
|
12
|
-
向1000万学员提供：咨询服务、试听考察、择校分析、报名支付和教育资讯等一站式的专业教育服务。
|
|
13
|
-
<br>
|
|
14
|
-
致力于推动"更多学校、更佳择校、更好服务"的求学新模式普及，帮助学员找到更适合自己的学校。
|
|
15
|
-
<br>
|
|
16
|
-
通过提供覆盖各大城市的更多品牌学校、强大智慧的课程和地图搜索、真实报名点评等大数据在线服务，使学员可以在获取广泛信息的基础上做出更佳的择校决定。
|
|
17
10
|
<div>
|
|
18
|
-
|
|
11
|
+
好学校是中国教育服务领导品牌网站，成功整合了互联网与传统教培行业的资源与优势，
|
|
12
|
+
<br />
|
|
13
|
+
向1000万学员提供：咨询服务、试听考察、择校分析、报名支付和教育资讯等一站式的专业教育服务。
|
|
14
|
+
<br />
|
|
15
|
+
致力于推动"更多学校、更佳择校、更好服务"的求学新模式普及，帮助学员找到更适合自己的学校。
|
|
16
|
+
<br />
|
|
17
|
+
通过提供覆盖各大城市的更多品牌学校、强大智慧的课程和地图搜索、真实报名点评等大数据在线服务，使学员可以在获取广泛信息的基础上做出更佳的择校决定。
|
|
18
|
+
</div>
|
|
19
|
+
<div>
|
|
20
|
+
<div>77777777</div>
|
|
19
21
|
<div>888888888888</div>
|
|
20
22
|
</div>
|
|
21
23
|
</div>
|