UTOOLS帮助文档
版本:1.3
关于UTOOLS
Utools是由左中右(上海莫凡信息技术有限公司)开发的店铺装修辅助工具,主要是帮助和方便左中右模板用户生成店铺装修代码,生成后的代码可以直接在店铺中使用。非左中右模板用户无法正常使用此工具。
如需选购左中右模板,请点击此处。
如需选购左中右模板,请点击此处。
开始使用
开始使用
名称解释
如“双击”、“单击”、“拖动”
单击:用鼠标左键点击一次的动作称为“单击”。 (这里的点击一次是指,按下键和松开键这一整个的程)单击通常用于图层的选中。
双击:连续点击鼠标左键两次的过程称为“双击”。双击通常用于图层的编辑。
拖动:按住鼠标左键不放,移动位置的过程称为”拖动”。拖动通常用于图层位置的移动。
模块设置
主要用于对模块的属性进行调整和控制,类似于ps的新建画布。比如要做一个3张330*330图片并排在一起的一个模块,
那么模块设置就是要设置并排在一起的这个模块的属性,而不是单个的图片的属性
组件列表
包含软件中的各种组件,用于实现各种效果组件包含4大类:基础组件、KISSY组件、CSS3组件、左中右组件。
基础组件分为:文本框、图片、热点区域、旺旺、图片旺旺、搜索、关注店铺、二维码、收藏、喜欢、分享、视频、购物车、自定义代码
KISSY组件分为:缩略图轮播、倒计时、图片弹出层、热点弹出、html弹出
CSS3组件分为:图片切换、动画按钮、平移(画布触发)、纵移(画布触发)、旋转(画布触发)、缩放(画布触发)、平移(组件触发)、
纵移(组件触发)、旋转(组件触发)、缩放(组件触发);
左中右组件:单品展示。
组件还在不断扩充中……请亲耐心等待!
图层管理
使用图层面板可以方便的对所有组件进行管理,如修改层级别、删除组件、锁定组件等。
新建图层:
画布中每添加一个“组件”就会在图层面板中新建一个图层。
选中图层:
鼠标“单击”图层即可选中该图层。
选中多个图层:
按住"shift"选中图层即可同时选中多个图层。
图层重命名:
鼠标“双击”图层名称可以对图层进行重命名。
删除图层:
选中需要删除除的图层后,鼠标“单击”面板底部的删除图标,支持同时删除多个图层。
画布中每添加一个“组件”就会在图层面板中新建一个图层。
选中图层:
鼠标“单击”图层即可选中该图层。
选中多个图层:
按住"shift"选中图层即可同时选中多个图层。
图层重命名:
鼠标“双击”图层名称可以对图层进行重命名。
删除图层:
选中需要删除除的图层后,鼠标“单击”面板底部的删除图标,支持同时删除多个图层。
历史记录
历史记录面板记录了每一次操作,当发生误操作或需要重新制作时可使用历史记录功能。每一条操作记录前的加点表示当前记录的状态,高亮显示为最近一次的操作。
历史记录回滚:
当需要回滚到某一操作时只需要用鼠标移至该操作记录并“单击”此记录。
当需要回滚到某一操作时只需要用鼠标移至该操作记录并“单击”此记录。
预览模块
工具里编辑好的内容可以点击工具界面右下方的“预览模块”按钮进行查看编辑的效果
生成代码
内容编辑好了,想要获取代码的话可以直接点击工具界面的右下方的“生成代码”
按钮直接生成代码,也可以再预览模块的界面点击“生成代码”的按钮生成代码
复制代码:点击拷贝代码或者Ctrl+A复制这里的代码,添加到店铺中的自定义模块就好了
模块操作
选中拖动模块:在工具界面中,单击可以选中模块,单击不放可以拖动模块到任意位置
放大缩小模块:当鼠标放在模块的对角时出现双向箭,这时可以放大和缩小模块的大小
编辑模块:双击模块,可以对模板进行参数的编辑
历史版本
历史版本管理:
历史版本管理将保留您的布局模块设置和等自定义的参数,每次编辑的数据我们的工具都会有存档,刷新工具页面后会显示我的历史版本,创建过的自定义模块都会在这里显示出来 提供再次编辑修改。