UTOOLS帮助文档

版本:1.3

关于UTOOLS

Utools是由左中右(上海莫凡信息技术有限公司)开发的店铺装修辅助工具,主要是帮助和方便左中右模板用户生成店铺装修代码,生成后的代码可以直接在店铺中使用。非左中右模板用户无法正常使用此工具。

如需选购左中右模板,请点击此处

开始使用

开始使用

名称解释

如“双击”、“单击”、“拖动” 单击:用鼠标左键点击一次的动作称为“单击”。 (这里的点击一次是指,按下键和松开键这一整个的程)单击通常用于图层的选中。 双击:连续点击鼠标左键两次的过程称为“双击”。双击通常用于图层的编辑。 拖动:按住鼠标左键不放,移动位置的过程称为”拖动”。拖动通常用于图层位置的移动。

菜单栏

包含:模块设置、组件列表、图层管理历史记录、辅助工具、预览模块、生成代码。关闭任何对话框后,都可以在菜单栏找到对应的打开。

模块设置

主要用于对模块的属性进行调整和控制,类似于ps的新建画布。比如要做一个3张330*330图片并排在一起的一个模块, 那么模块设置就是要设置并排在一起的这个模块的属性,而不是单个的图片的属性

组件列表

包含软件中的各种组件,用于实现各种效果组件包含4大类:基础组件、KISSY组件、CSS3组件、左中右组件。 基础组件分为:文本框、图片、热点区域、旺旺、图片旺旺、搜索、关注店铺、二维码、收藏、喜欢、分享、视频、购物车、自定义代码 KISSY组件分为:缩略图轮播、倒计时、图片弹出层、热点弹出、html弹出 CSS3组件分为:图片切换、动画按钮、平移(画布触发)、纵移(画布触发)、旋转(画布触发)、缩放(画布触发)、平移(组件触发)、 纵移(组件触发)、旋转(组件触发)、缩放(组件触发); 左中右组件:单品展示。 组件还在不断扩充中……请亲耐心等待!

图层管理

使用图层面板可以方便的对所有组件进行管理,如修改层级别、删除组件、锁定组件等。
新建图层:
画布中每添加一个“组件”就会在图层面板中新建一个图层。

选中图层:
鼠标“单击”图层即可选中该图层。

选中多个图层:
按住"shift"选中图层即可同时选中多个图层。

图层重命名:
鼠标“双击”图层名称可以对图层进行重命名。

删除图层:
选中需要删除除的图层后,鼠标“单击”面板底部的删除图标,支持同时删除多个图层。

历史记录

历史记录面板记录了每一次操作,当发生误操作或需要重新制作时可使用历史记录功能。每一条操作记录前的加点表示当前记录的状态,高亮显示为最近一次的操作。
历史记录回滚:
当需要回滚到某一操作时只需要用鼠标移至该操作记录并“单击”此记录。

预览模块

工具里编辑好的内容可以点击工具界面右下方的“预览模块”按钮进行查看编辑的效果

生成代码

内容编辑好了,想要获取代码的话可以直接点击工具界面的右下方的“生成代码” 按钮直接生成代码,也可以再预览模块的界面点击“生成代码”的按钮生成代码 复制代码:点击拷贝代码或者Ctrl+A复制这里的代码,添加到店铺中的自定义模块就好了

模块操作

选中拖动模块:在工具界面中,单击可以选中模块,单击不放可以拖动模块到任意位置 放大缩小模块:当鼠标放在模块的对角时出现双向箭,这时可以放大和缩小模块的大小 编辑模块:双击模块,可以对模板进行参数的编辑

历史版本

历史版本管理: 历史版本管理将保留您的布局模块设置和等自定义的参数,每次编辑的数据我们的工具都会有存档,刷新工具页面后会显示我的历史版本,创建过的自定义模块都会在这里显示出来 提供再次编辑修改。