苏宁模板装修辅助工具4.0 方便智能的淘宝装修代码生成工具 POWER BY qingcg 顷创

<div class="codes" data-title="power by qingcg.cn 4.0" style="width: 1920px; height: 700px; background: none 50% 50% repeat scroll transparent; margin-left: 50%; left: -960px;"><div class="func func-imgslide" style="left: 0px; top: 0px; width: 1920px; height: 700px; right: auto; bottom: auto;"><div class="SN_Widget" data-widget-type="Carousel" data-widget-config="{'effect':'scrollx','circular':true,'duration':'0.5','waitingTime':4,'delay':0.1,'triggerType': 'mouse','autoplay':true,'contentCls':'t-content-h6u8yryxrn','navCls':'t-nav-h6u8yryxrn','activeTriggerCls':'t-active','activeIndex':0,'prevBtnCls':'t-prev-h6u8yryxrn','nextBtnCls':'t-next-h6u8yryxrn'}" style="overflow: visible; width: 1920px; height: 700px;"><div class="t-content-panel" style="width: 1920px; height: 700px;"><div class="t-content t-content-h6u8yryxrn" style="width:999999px;"><a class="rel blk" href="#" style="width: 1920px; height: 700px; background: url(https://gdp.alicdn.com/imgextra/i1/1094577300/TB24yzxrFGWBuNjy0FbXXb4sXXa_!!1094577300.jpg) center center no-repeat; float: left;"></a><a class="rel blk" href="#" style="width: 1920px; height: 700px; background: url(https://gdp.alicdn.com/imgextra/i1/1094577300/TB24yzxrFGWBuNjy0FbXXb4sXXa_!!1094577300.jpg) center center no-repeat; float: left;"></a></div></div><div class="t-nav t-nav-x t-nav-bottom t-nav-4 t-nav-h6u8yryxrn" style="overflow: visible; width: 50px; height: 20px; left: 935px; top: 670px;"><div class="abs t-active" style="width:20px;height:20px;left:0px;top:0px;"><div class="t-nav-on" style="width: 20px; height: 20px; line-height: 20px; background-color: rgb(0, 0, 0); color: rgb(255, 255, 255); text-align: center;">1</div><div class="t-nav-off" style="width:20px;height:20px;line-height:20px;background-color:#ff3366;color:#ffffff;text-align:center;">1</div></div><div class="abs" style="width:20px;height:20px;left:30px;top:0px;"><div class="t-nav-on" style="width:20px;height:20px;line-height:20px;background-color:#000000;color:#ffffff;text-align:center;">2</div><div class="t-nav-off" style="width: 20px; height: 20px; line-height: 20px; background-color: rgb(255, 51, 102); color: rgb(255, 255, 255); text-align: center;">2</div></div></div><div class="t-prev t-prev-auto t-prev-2 t-prev-h6u8yryxrn" style="left: 10px; top: 325px; width: 50px; height: 50px; background: url(https://img.alicdn.com/imgextra/i3/72600624/TB2x6DulFXXXXakXpXXXXXXXXXX-72600624.png) center center no-repeat;"></div><div class="t-next t-next-auto t-next-2 t-next-h6u8yryxrn" style="left: 1860px; top: 325px; width: 50px; height: 50px; background: url(https://img.alicdn.com/imgextra/i1/72600624/TB2.g2rlFXXXXaVXpXXXXXXXXXX-72600624.png) center center no-repeat;"></div></div></div><div class="func func-rectangle" style="width: 200px; height: 700px; left: 365px; top: 0px;"><div class="rel opc-70" style="width: 200px; height: 700px; background-color: rgb(0, 0, 0);"></div></div><div class="func func-texts" style="width: 200px; height: 40px; left: 365px; top: 0px; right: auto; bottom: auto;"><div class="pnl brd-0"><div class="hvc hvc-31" style="width: 200px; height: 40px; line-height: 40px;"><div class="hvc-on" style="color: rgb(255, 255, 255); text-align: center; font-size: 14px; letter-spacing: 0px;">请输入文本内容 </div><div class="hvc-off" style="background-color: rgb(255, 0, 43); color: rgb(255, 255, 255); text-align: center; font-size: 14px;">请输入文本内容</div></div></div></div><div class="func func-texts" style="width: 200px; height: 40px; left: 365px; top: 40px; right: auto; bottom: auto;"><div class="pnl brd-0"><div class="hvc hvc-31" style="width: 200px; height: 40px; line-height: 40px;"><div class="hvc-on" style="color: rgb(255, 255, 255); text-align: center; font-size: 14px; letter-spacing: 0px;">请输入文本内容</div><div class="hvc-off" style="background-color: rgb(255, 0, 43); color: rgb(255, 255, 255); text-align: center; font-size: 14px;">请输入文本内容</div></div></div></div><div class="func func-texts" style="width: 200px; height: 40px; left: 365px; top: 80px; right: auto; bottom: auto;"><div class="pnl brd-0"><div class="hvc hvc-31" style="width: 200px; height: 40px; line-height: 40px;"><div class="hvc-on" style="color: rgb(255, 255, 255); text-align: center; font-size: 14px; letter-spacing: 0px;">请输入文本</div><div class="hvc-off" style="background-color: rgb(255, 0, 43); color: rgb(255, 255, 255); text-align: center; font-size: 14px;">请输入文本</div></div></div></div><div class="func func-texts" style="width: 200px; height: 40px; left: 365px; top: 120px; right: auto; bottom: auto;"><div class="pnl brd-0"><div class="hvc hvc-31" style="width: 200px; height: 40px; line-height: 40px;"><div class="hvc-on" style="color: rgb(255, 255, 255); text-align: center; font-size: 14px; letter-spacing: 0px;">请输入文本内容</div><div class="hvc-off" style="background-color: rgb(255, 0, 43); color: rgb(255, 255, 255); text-align: center; font-size: 14px;">请输入文本内容</div></div></div></div><div class="func func-texts" style="width: 200px; height: 40px; left: 365px; top: 160px; right: auto; bottom: auto;"><div class="pnl brd-0"><div class="hvc hvc-31" style="width: 200px; height: 40px; line-height: 40px;"><div class="hvc-on" style="color: rgb(255, 255, 255); text-align: center; font-size: 14px; letter-spacing: 0px;">请输入文本内容</div><div class="hvc-off" style="background-color: rgb(255, 0, 43); color: rgb(255, 255, 255); text-align: center; font-size: 14px;">请输入文本内容</div></div></div></div><div class="func func-texts" style="width: 200px; height: 40px; left: 365px; top: 200px; right: auto; bottom: auto;"><div class="pnl brd-0"><div class="hvc hvc-31" style="width: 200px; height: 40px; line-height: 40px;"><div class="hvc-on" style="color: rgb(255, 255, 255); text-align: center; font-size: 14px; letter-spacing: 0px;">请输入文本内容</div><div class="hvc-off" style="background-color: rgb(255, 0, 43); color: rgb(255, 255, 255); text-align: center; font-size: 14px;">请输入文本内容</div></div></div></div><div class="func func-texts" style="width: 200px; height: 40px; left: 365px; top: 240px; right: auto; bottom: auto;"><div class="pnl brd-0"><div class="hvc hvc-31" style="width: 200px; height: 40px; line-height: 40px;"><div class="hvc-on" style="color: rgb(255, 255, 255); text-align: center; font-size: 14px; letter-spacing: 0px;">请输入文本内容</div><div class="hvc-off" style="background-color: rgb(255, 0, 43); color: rgb(255, 255, 255); text-align: center; font-size: 14px;">请输入文本内容</div></div></div></div><div class="func func-texts" style="width: 200px; height: 40px; left: 365px; top: 280px; right: auto; bottom: auto;"><div class="pnl brd-0"><div class="hvc hvc-31" style="width: 200px; height: 40px; line-height: 40px;"><div class="hvc-on" style="color: rgb(255, 255, 255); text-align: center; font-size: 14px; letter-spacing: 0px;">请输入文本内容</div><div class="hvc-off" style="background-color: rgb(255, 0, 43); color: rgb(255, 255, 255); text-align: center; font-size: 14px;">请输入文本内容</div></div></div></div><div class="func func-texts" style="width: 200px; height: 40px; left: 365px; top: 320px; right: auto; bottom: auto;"><div class="pnl brd-0"><div class="hvc hvc-31" style="width: 200px; height: 40px; line-height: 40px;"><div class="hvc-on" style="color: rgb(255, 255, 255); text-align: center; font-size: 14px; letter-spacing: 0px;">请输入文本内容</div><div class="hvc-off" style="background-color: rgb(255, 0, 43); color: rgb(255, 255, 255); text-align: center; font-size: 14px;">请输入文本内容</div></div></div></div><div class="func func-text" style="width: 26px; height: 40px; left: 539px; top: 0px; right: auto; bottom: auto;"><div class="rel" style="width: 6px; height: 40px; line-height: 40px; color: rgb(255, 255, 255); font-family: simhei; padding-right: 20px;">></div></div><div class="func func-text" style="width: 26px; height: 40px; left: 539px; top: 40px; right: auto; bottom: auto;"><div class="rel" style="width: 6px; height: 40px; line-height: 40px; color: rgb(255, 255, 255); font-family: simhei; padding-right: 20px;">></div></div><div class="func func-text" style="width: 26px; height: 40px; left: 539px; top: 80px; right: auto; bottom: auto;"><div class="rel" style="width: 6px; height: 40px; line-height: 40px; color: rgb(255, 255, 255); font-family: simhei; padding-right: 20px;">></div></div><div class="func func-text" style="width: 26px; height: 40px; left: 539px; top: 120px; right: auto; bottom: auto;"><div class="rel" style="width: 6px; height: 40px; line-height: 40px; color: rgb(255, 255, 255); font-family: simhei; padding-right: 20px;">></div></div><div class="func func-text" style="width: 26px; height: 40px; left: 539px; top: 160px; right: auto; bottom: auto;"><div class="rel" style="width: 6px; height: 40px; line-height: 40px; color: rgb(255, 255, 255); font-family: simhei; padding-right: 20px;">></div></div><div class="func func-text" style="width: 26px; height: 40px; left: 539px; top: 200px; right: auto; bottom: auto;"><div class="rel" style="width: 6px; height: 40px; line-height: 40px; color: rgb(255, 255, 255); font-family: simhei; padding-right: 20px;">></div></div><div class="func func-text" style="width: 26px; height: 40px; left: 539px; top: 240px; right: auto; bottom: auto;"><div class="rel" style="width: 6px; height: 40px; line-height: 40px; color: rgb(255, 255, 255); font-family: simhei; padding-right: 20px;">></div></div><div class="func func-text" style="width: 26px; height: 40px; left: 539px; top: 280px; right: auto; bottom: auto;"><div class="rel" style="width: 6px; height: 40px; line-height: 40px; color: rgb(255, 255, 255); font-family: simhei; padding-right: 20px;">></div></div><div class="func func-text" style="width: 26px; height: 40px; left: 539px; top: 320px; right: auto; bottom: auto;"><div class="rel" style="width: 6px; height: 40px; line-height: 40px; color: rgb(255, 255, 255); font-family: simhei; padding-right: 20px;">></div></div></div>

CTRL+A 全选组件和分组	CTRL+D 取消选取组件和分组	CTRL+SHIFT+D 取消选取和选中	CTRL+S 保存装修数据
CTRL+C 复制选取的组件和分组	CTRL+V 黏贴选取的组件和分组	DELETE 删除选取的组件和分组	CTRL+Z 撤销上一步操作
CTRL+Y 还原上一次的撤销操作	CTRL+~ 导入工具代码	CTRL+回车导出全部代码	CTRL+P 导出选取的组件代码
CTRL+B 批量移位组件	← 左移选取的组件组件或画布	→ 右移选取的组件组件或画布	↑ 上移选取的组件组件或画布
↓ 下移选取的组件组件或画布	CTRL+1 组件操作快捷键	CTRL+2 画笔工具快捷键	CTRL+3 拖动画布快捷键
CTRL+4 标尺工具快捷键	CTRL+5 参考线工具快捷键	CTRL+6 中心线工具快捷键	CTRL+7 吸附功能快捷键
CTRL+8 锁定选取的组件	CTRL+9 解锁选取的组件	CTRL+加号放大画布	CTRL+减号缩小画布
CTRL+0 还原画布大小	SHIFT+Z 自动计算画布宽度	SHIFT+X 自动计算画布高度	SHIFT+C 自动计算画布尺寸
SHIFT+A 显示属性模板	SHIFT+S 显示组件面板	SHIFT+D 显示历史记录面板	SHIFT+Q 选取组件按顶部对齐
SHIFT+W 选取组件按垂直居中对齐	SHIFT+E 选取组件按底部对齐	SHIFT+R 选取组件按左侧对齐	SHIFT+T 选取组件按水平居中对齐
SHIFT+Y 选取组件按右侧对齐	SHIFT+1 选取组件按顶部分布	SHIFT+2 选取组件按垂直居中分布	SHIFT+3 选取组件按底部分布
SHIFT+4 选取组件按左侧分布	SHIFT+5 选取组件按水平居中分布	SHIFT+6 选取组件按右侧分布

• 在画布、组件、组件面板、文本框中都支持右键菜单的功能		• 鼠标双击组件,可以选中组件
• 鼠标单击组件,可以选取组件		• 按下CTRL键，鼠标单击组件,可以同时选取多个组件
• 不在组件上按下鼠标左键并拖动，可以选取拖动范围内的组件		• 按下CTRL或者SHIFT键，同时鼠标点击组件可以连续多选
• 在组件上按下鼠标左键并拖动，可以批量移动选取的组件		• 拖动组件靠近相邻组件或标尺线，可以自动吸附组件