S语言编辑器v2.3.6

单击组件	选中组件
双击组件	编辑组件
delete	删除组件
ctrl + 单击组件	组件多选
ctrl + A	全选组件
ctrl + C	复制组件
ctrl + E	编辑组件
ctrl + L	锁定组件
ctrl + I	导入
ctrl + O	导出
ctrl + S	保存
标尺拖拽	添加辅助线
ctrl + H	辅助线切换
ctrl + R	标尺切换
ctrl + Z	撤销操作
ctrl + Y	重做操作
↑↓←→	微调移动组件
shift + ↑↓←→	粗调移动组件
ctrl + ↑↓	调整组件层级
shift+拖拽大小柄	等比缩放组件

我们一直在思考一个问题：
如何让模块既要好看，又满足不同用户独特别具一格。然后我们尝试把小功能融入到“组件”，借鉴了BannerMaker和PhotoShop，一个模块就是一个“画布”。导出代码，让模板来处理代码。这样一来，解放了设计师，让用户自己发挥想象。经过我们工程师的不懈努力，最终S语言编辑器诞生了...
---叮叮猫设计团队
------------------------------

v2.3.5 [2017-05-24]

优化艺术字渲染速度

v2.3.4 [2016-12-30]

修正系统自定义模式样式

v2.3.3 [2016-12-05]

优化轮播导出代码
更新定义轮播按钮教程

v2.3.2 [2016-11-27]

修复轮播组件渲染问题

v2.3.1 [2016-11-08]

优化旺旺组件分流功能
修复某些情况无法保存模块
新建模块时才支持自动保存
UI优化

v2.3.0 [2016-10-26]

页面模板功能上线

v2.2.1 [2016-09-23]

修正喜欢组件加入后出错
修正搜索组件背景在模板不显示
优化倒计时组件，可以设置文字间距
增加右键功能

v2.2.0 [2016-07-25]

全新的CSS动画编辑功能
提供模块预览功能
调整模块库先预览模块点击再编辑模块
修正文本框组件特殊字符处理问题
个性旺旺默认不显示小标题

v2.1.3 [2016-06-08]

修正详情页部分组件定位样式不正确
提升组件加载和渲染速度
导出代码错误友好提示

v2.1.2 [2016-05-23]

艺术字组件提升渲染速度和稳定性
修正某些情况下保存代码失败的问题

v2.1.1 [2016-05-12]

优化界面增加代码量提示条
新增色块组件
修正部分组件预览时，尺寸错位的问题

v2.1.0正式版 [2016-04-23]

新版正式上线，优先显示新版,可以切换至旧版
代码导出引导帮助
支持离线存储，防止意外关闭浏览器或电脑
对原生系统自定义区进行简单支持
优化轮播组件
优化艺术字组件并增加英文字体

v2.0.7 [2016-03-23]

修复喜欢按钮在模板失效的问题
修复导出到模板后显示的层级关系失效被遮挡的问题
双面图片增加尺寸选择和恢复到图片默认尺寸按钮
自定义框增加淘宝kissy可视编辑器

v2.0.6 [2016-03-10]

增加导出代码复制功能
增加视频教程
画布设置放到左侧工具栏
优化界面逻辑

v2.0.5 [2015-12-08]

修正辅助线被遮挡的问题
图片组件增加恢复原始尺寸

v2.0.4 [2015-11-27]

艺术字组件增加描边功能

v2.0.3 [2015-11-14]

修复轮播模版显示不正常
组件最小尺寸从14调整为1像素

v2.0.2 [2015-11-10]

修复导入艺术字无法显示的问题
修复导入代码提示不支持的问题

v2.0.1 [2015-10-14]

完善支持模块和权限管理
优化保存模块交互界面
完善对天猫类型支持

v2.0.0 [2015-09-29]

v2新版首个上线版本

v1.X.X [2013-05-21]

使用旧版请点击这里

0
50
100
150
200
250
300
350
400
450
500
550
600
650
700
750
800
850
900
950
1000
1050
1100
1150
1200
1250
1300
1350
1400
1450
1500
1550
1600
1650
1700
1750
1800
1850
1900
1950

0
50
100
150
200
250
300
350
400
450
500
550
600
650
700
750
800
850
900
950
1000
1050
1100
1150
1200
1250
1300
1350
1400
1450
1500
1550
1600
1650
1700
1750
1800
1850
1900
1950
2000
2050
2100
2150
2200
2250

NO.1

黑白灰系列

NO.2

木椅系列

北欧布艺沙发灰

1588.00

1588.00

北欧单人沙发椅

1588.00

北欧圆形铁艺餐桌

1588.00

1588.00

实木餐桌椅长方形

1588.00

北欧简约咖啡椅

实木简约靠背椅

模块类型: 超级自定义 画布尺寸: 2000px x 2300px 鼠标坐标: X:200 Y:200 代码容量:

排版

[水平对齐]: 居左水平居中居右
[垂直对齐]: 居上垂直居中居下

图层

历史

调整[画布]大小
编辑[画布]背景色
导入代码

删除Delete

编辑Ctrl + E

内容设置
定位和尺寸
CSS动画

内容设置

X：Y：宽：高：

动画对象

动画对象：

动画配置

动画速度：
动画变化方式：
延时动画：

动画效果

默认状态
移入模块
移入组件
移入所选元素

显示：
透明度：
内边框宽度：
外边框宽度：
阴影：
圆角：
边距位移：
变形效果：

内容设置
定位和尺寸
CSS动画

内容设置

X：Y：宽：高：

动画对象

动画对象：

动画配置

动画速度：
动画变化方式：
延时动画：

动画效果

默认状态
移入模块
移入组件
移入所选元素

显示：
透明度：
内边框宽度：
外边框宽度：
阴影：
圆角：
边距位移：
变形效果：

内容设置
定位和尺寸
CSS动画

图片地址：
链接：
新窗口打开：

X：Y：宽：高：

动画对象

动画对象：

动画配置

动画速度：
动画变化方式：
延时动画：

动画效果

默认状态
移入模块
移入组件
移入所选元素

显示：
透明度：
内边框宽度：
外边框宽度：
阴影：
圆角：
边距位移：
变形效果：

内容设置
定位和尺寸
CSS动画

图片地址：
链接：
新窗口打开：

X：Y：宽：高：

动画对象

动画对象：

动画配置

动画速度：
动画变化方式：
延时动画：

动画效果

默认状态
移入模块
移入组件
移入所选元素

显示：
透明度：
内边框宽度：
外边框宽度：
阴影：
圆角：
边距位移：
变形效果：

内容设置
定位和尺寸
CSS动画

图片地址：
链接：
新窗口打开：

X：Y：宽：高：

动画对象

动画对象：

动画配置

动画速度：
动画变化方式：
延时动画：

动画效果

默认状态
移入模块
移入组件
移入所选元素

显示：
透明度：
内边框宽度：
外边框宽度：
阴影：
圆角：
边距位移：
变形效果：

内容设置
定位和尺寸
CSS动画

图片地址：
链接：
新窗口打开：

X：Y：宽：高：

动画对象

动画对象：

动画配置

动画速度：
动画变化方式：
延时动画：

动画效果

默认状态
移入模块
移入组件
移入所选元素

显示：
透明度：
内边框宽度：
外边框宽度：
阴影：
圆角：
边距位移：
变形效果：

内容设置
定位和尺寸
CSS动画

图片地址：
链接：
新窗口打开：

X：Y：宽：高：

动画对象

动画对象：

动画配置

动画速度：
动画变化方式：
延时动画：

动画效果

默认状态
移入模块
移入组件
移入所选元素

显示：
透明度：
内边框宽度：
外边框宽度：
阴影：
圆角：
边距位移：
变形效果：

内容设置
定位和尺寸
CSS动画

图片地址：
链接：
新窗口打开：

X：Y：宽：高：

动画对象

动画对象：

动画配置

动画速度：
动画变化方式：
延时动画：

动画效果

默认状态
移入模块
移入组件
移入所选元素

显示：
透明度：
内边框宽度：
外边框宽度：
阴影：
圆角：
边距位移：
变形效果：

内容设置
定位和尺寸
CSS动画

图片地址：
链接：
新窗口打开：

X：Y：宽：高：

动画对象

动画对象：

动画配置

动画速度：
动画变化方式：
延时动画：

动画效果

默认状态
移入模块
移入组件
移入所选元素

显示：
透明度：
内边框宽度：
外边框宽度：
阴影：
圆角：
边距位移：
变形效果：

内容设置
定位和尺寸
CSS动画

图片地址：
链接：
新窗口打开：

X：Y：宽：高：

动画对象

动画对象：

动画配置

动画速度：
动画变化方式：
延时动画：

动画效果

默认状态
移入模块
移入组件
移入所选元素

显示：
透明度：
内边框宽度：
外边框宽度：
阴影：
圆角：
边距位移：
变形效果：

内容设置
定位和尺寸
CSS动画

图片地址：
链接：
新窗口打开：

X：Y：宽：高：

动画对象

动画对象：

动画配置

动画速度：
动画变化方式：
延时动画：

动画效果

默认状态
移入模块
移入组件
移入所选元素

显示：
透明度：
内边框宽度：
外边框宽度：
阴影：
圆角：
边距位移：
变形效果：

内容设置
定位和尺寸
CSS动画

图片地址：
链接：
新窗口打开：

X：Y：宽：高：

动画对象

动画对象：

动画配置

动画速度：
动画变化方式：
延时动画：

动画效果

默认状态
移入模块
移入组件
移入所选元素

显示：
透明度：
内边框宽度：
外边框宽度：
阴影：
圆角：
边距位移：
变形效果：

内容设置
定位和尺寸
CSS动画

图片地址：
链接：
新窗口打开：

X：Y：宽：高：

动画对象

动画对象：

动画配置

动画速度：
动画变化方式：
延时动画：

动画效果

默认状态
移入模块
移入组件
移入所选元素

显示：
透明度：
内边框宽度：
外边框宽度：
阴影：
圆角：
边距位移：
变形效果：

内容设置
定位和尺寸
CSS动画

图片地址：
链接：
新窗口打开：

X：Y：宽：高：

动画对象

动画对象：

动画配置

动画速度：
动画变化方式：
延时动画：

动画效果

默认状态
移入模块
移入组件
移入所选元素

显示：
透明度：
内边框宽度：
外边框宽度：
阴影：
圆角：
边距位移：
变形效果：

内容设置
定位和尺寸
CSS动画

图片地址：
链接：
新窗口打开：

X：Y：宽：高：

动画对象

动画对象：

动画配置

动画速度：
动画变化方式：
延时动画：

动画效果

默认状态
移入模块
移入组件
移入所选元素

显示：
透明度：
内边框宽度：
外边框宽度：
阴影：
圆角：
边距位移：
变形效果：

内容设置
定位和尺寸
CSS动画

图片地址：
链接：
新窗口打开：

X：Y：宽：高：

动画对象

动画对象：

动画配置

动画速度：
动画变化方式：
延时动画：

动画效果

默认状态
移入模块
移入组件
移入所选元素

显示：
透明度：
内边框宽度：
外边框宽度：
阴影：
圆角：
边距位移：
变形效果：

内容设置
定位和尺寸
CSS动画

图片地址：
链接：
新窗口打开：

X：Y：宽：高：

动画对象

动画对象：

动画配置

动画速度：
动画变化方式：
延时动画：

动画效果

默认状态
移入模块
移入组件
移入所选元素

显示：
透明度：
内边框宽度：
外边框宽度：
阴影：
圆角：
边距位移：
变形效果：

内容设置
定位和尺寸
CSS动画

图片地址：
链接：
新窗口打开：

X：Y：宽：高：

动画对象

动画对象：

动画配置

动画速度：
动画变化方式：
延时动画：

动画效果

默认状态
移入模块
移入组件
移入所选元素

显示：
透明度：
内边框宽度：
外边框宽度：
阴影：
圆角：
边距位移：
变形效果：

组件栏

设置栏

画布

快速上手

关于

更新日志

排版

图层

历史

画布

直线/色块

内容设置

动画对象

动画配置

动画效果

直线/色块

内容设置

动画对象

动画配置

动画效果

图片

动画对象

动画配置

动画效果

文本框

动画对象

动画配置

动画效果

文本框

动画对象

动画配置

动画效果

图片

动画对象

动画配置

动画效果

文本框

动画对象

动画配置

动画效果

文本框

动画对象

动画配置

动画效果

图片

动画对象

动画配置

动画效果

图片

动画对象

动画配置

动画效果

图片

动画对象

动画配置

动画效果

图片

动画对象

动画配置

动画效果

图片

动画对象

动画配置

动画效果

图片

动画对象

动画配置

动画效果

图片

动画对象

动画配置

动画效果

图片

动画对象

动画配置

动画效果

图片

动画对象

动画配置

动画效果