导航
模板制作首页
系统使用
插件使用
米拓商城
模板制作
应用开发
系统开发
https://doc.metinfo.cn/mb/
1
模板制作首页
商业模板修改教程
4.高级修改
4.3.添加区块
更新时间：2020-02-18 16:03:21
作者：米拓建站
添加区块就是在复制区块的基础上，再去复制一套原区块的文件，并将新区块的文件夹名称，然后`ui.json`中新区块的参数信息改成新的参数信息。以此类推，根据区块规则，可以自己写一个新的区块出来，可以放在任意一个页面位置。 ###执行复制区块操作 先复制相似的区块或任意一个区块UI标签到目标页面模板文件的目标位置，然后复制原区块的区块参数信息到`ui.json`中对应页面位置。 这一步参考 [复制区块](http://doc.metinfo.cn/mb/muban/muban56.html "复制区块") 操作，操作完后暂时不要重新导入模板数据。 注意：`如果是从另一个模板添加UI过来的，可以不修改UI分类名，但是UI参数的数据需要从其他模板下的ui.json复制过来，并修改skin_name信息。` ###复制并修改区块文件 修改复制的UI标签的name`name`和`style`值，例如：`<ui name="diy_list" style="diy_001" id="10005" ></ui>`。至此已经新建了一个区块标签。  根据原区块UI标签上的`name`和`style`值从模板根目录的`ui`文件夹中找到原区块的区块文件夹，并将其复制到新区块标签上`name`和`style`值对应的区块文件夹中，没有则在`ui`文件夹中新建文件夹，并修改区块文件夹名称为区块编号，区块文件新建完成。  如果只是在原区块基础上做修改，则可以直接修改新区块文件，如果是要制作全新的区块，则要把新区块文件中的代码清空再去编写，同时区块文件夹下的img文件夹也要清空。 ###修改区块信息及参数 找到从原区块复制过来的新区块参数区域，修改按照新区块UI标签上的参数值来修改参数信息。  **新建区块信息完成，可以编写调试新区块了** 编写调试完毕后，执行 [重新导入模板数据](http://doc.metinfo.cn/mb/muban/muban63.html "重新导入模板数据") 操作。
上一篇
: 4.2.复制区块
下一篇
: 2.1.模板目录结构
文档中心
米拓学堂
帮助中心
在线交流
{"status":1,"html":"<style type=\"text\/css\">\r\n.onlinebox_three{border:2px solid;}\r\n.onlinebox_three .onlinebox_three_list{width: 160px;padding: 10px 0px;}\r\n.onlinebox_three .online-item{margin-bottom: 5px; padding: 0px 17px; position: relative;display: block;color: #666;}\r\n.onlinebox_three .online-item:last-child{margin-bottom: 0px;}\r\n.onlinebox_three .online-item:hover{background: #f8f8f8;}\r\n.onlinebox_three .online-item i{font-size: 16px;}\r\n.onlinebox_three .onlinebox-open{font-size: 22px;display:none;cursor: pointer;padding: 0 10px; font-size: 18px; line-height: 40px;}\r\n.onlinebox.min .onlinebox-open{display:block;padding:0 10px;background:#444;font-size:18px;line-height:40px;color:#fff}\r\n.onlinebox .onlinebox-min{position: relative;top:-4px;}\r\n@media (max-width: 767px){\r\n.onlinebox_three .online-item{font-size: 12px;padding-top: 6px;}\r\n.onlinebox_three .online-item i{font-size: 14px;}\r\n}\r\n<\/style>\r\n<div id='onlinebox' class=\"onlinebox onlinebox_three hide\" m-type='online' m-id='online' style=\"border-color:#1baadb;\">\r\n <div class=\"onlinebox-open\" style=\"background:#1baadb;\"><i class=\"fa fa-comments-o\"><\/i><\/div>\r\n <div class=\"onlinebox-box\">\r\n <div class=\"onlinebox-top\" style=\"background:#1baadb;\">\r\n <div class=\"onlinebox-top-btn font-size-26\">\r\n <a href=\"javascript:;\" class=\"onlinebox-close\" title=\"\">×<\/a>\r\n <a href=\"javascript:;\" class=\"onlinebox-min\">-<\/a>\r\n <\/div>\r\n <h4>在线交流<\/h4>\r\n <\/div>\r\n <div class=\"met-editor onlinebox-bottom p-x-10 p-y-5\"><p style=\"text-align: center;\">\r\n <img src=\"..\/upload\/202001\/1579417409303256.png\" data-width=\"120\" width=\"120\" data-height=\"120\" height=\"120\" title=\"\"\/>\r\n<\/p>\r\n<p style=\"text-align: center;\">\r\n 微信公众号\r\n<\/p>\r\n<p style=\"text-align:center;\">\r\n <img src=\"..\/upload\/202001\/1579417452544806.png\" data-width=\"150\" width=\"150\" data-height=\"150\" height=\"150\" title=\"\"\/>\r\n<\/p>\r\n<p style=\"text-align: center;\">\r\n QQ交流群\r\n<\/p><\/div>\r\n <\/div>\r\n<\/div>","t":"4","x":"10","y":"130"}