标记是【金猪易前端开发框架】的唯一美化页面的方式。掌握的标记越多，美化的效果就多好，在HTML开发中，标记就相当于是CSS。我们相当于把这些CSS进行了汉化。汉化的style样式通过标记的方式写入到HTML到起到美化页面的效果。【窗口标记】
背景图片=assets/img/300.jpg
背景颜色=rgb(220,220,220)
无缝背景=真或假 默认假
背景不动=真或假 默认假
网站介绍=这是网站的首页
网站关键词=百度,淘宝,京东
开启动画=假
开启滚图容器=假
开启展图容器=假
开启POST模块=假
开启主题模块=真
开启富文本模块=真
| 常用标记 |
值或说明 |
| 上边距 | 增加组件上方的间距。 |
| 下边距 | 增加组件下方的间距。 |
| 右边距 | 增加组件右方的间距。 |
| 左边距 | 增加组件左方的间距。 |
| 内边距 | 增加组件内部上下左右的边距。 |
| 外边距 | 增加组件外部上下左右的间距。 |
| 宽度 | px、rem、vh、% |
| 高度 | px、rem、vh、% |
| 最小宽度 | px、rem、vh、% |
| 最大宽度 | px、rem、vh、% |
| 最小高度 | px、rem、vh、% |
| 最大高度 | px、rem、vh、% |
| 自身居中 | 部分组件不支持【文本对齐或横向对齐】。使用这个就可以居中了。 |
| 文本对齐 | 左、中、右[style] |
| 横向对齐 | 左、中、右[class]，效果与文本对齐一致。 |
| 阴影大小 | 大、中、小 |
| 圆角大小 | px |
|
|
|
|
|
| 更多标记 |
值或说明 |
| style | 例：vertical-align: middle;box-sizing: border-box; |
| class | 例：可以自定义class名 |
| 变量 | 标记例[money:3000] 然后SKD.组件_取变量("组件名","money") |
| 浮动 | 左，右 |
| 清除浮动 | 真、假 |
| 缓动 | 毫秒 例：1000 。可以不同的样式让过渡更平滑。 |
| 可视 | 真、假 |
| 背景颜色 | #ff0000 或 rgba(255,255,255,0.58) |
| 背景图片 | 例：assets/img/300.jpg |
| 换行 | 真、假 可让分组框内的各组件进行换行显示。 |
| 边框 | 无或1px solid #4792ff 一起三个参数 像素 线的形状 颜色 虚线是dashed 直线是solid |
| 边框颜色 | #ff0000 或 rgba(255,255,255,0.58) |
| 层次 | 数值越大，显示越上层。 |
| 滚动条 | 真、假。让固定了高度或宽度的分组框支持内部资源超过设置的宽度或高度时显示滚动条。 |
| 定位 | fixed、absolute、relative、static、sticky |
| 上定位 | px、rem、vh |
| 下定位 | px、rem、vh |
| 左定位 | px、rem、vh |
| 右定位 | px、rem、vh |