导航
模板制作首页
系统使用
插件使用
米拓商城
模板制作
应用开发
系统开发
https://doc.metinfo.cn/mb/
1
模板制作首页
商业模板修改教程
4.高级修改
4.5.修改区块
更新时间：2020-02-18 16:05:48
作者：米拓建站
根据UI标签上的信息，进入模板根目录下的UI文件夹，按照`name【区块名称】`-`style【区块编号】`的路径找到修改区块所在的UI文件夹，该文件夹包含需要修改的区块文件，具体可参考[查找修改的UI文件](../muban/shownews.php?id=47 "查找修改的UI文件")。  ###修改区块php、html、js、css 按照 [UI修改保存](../muban/shownews.php?id=49 "UI修改保存") 修改区块代码。 ###修改区块参数 打开模板根目录下`ui.json`文件，通过`【模板文件名称】`——>`UI标签中的id【等于ui.json中installid】`找到当前区块的的参数区域。 例如：上图`index.php`模板文件中区块`service_list`的`id`为47，则`ui.json`中所属`index`部分的`installid`为47的区域为该区块参数的信息。  按照 [修改参数](http://doc.metinfo.cn/mb/muban/muban61.html "修改区块参数或公共参数") 教程修改参数。 ###添加区块代码 可以在模板文件包括区块文件中添加修改自己的代码 ####模板文件添加代码 例如：模板根目录下的head.php  ####区块文件修改添加代码 例如：模板根目录下UI/about_list/met_16_1/index.php  ###修改区块引入的css、js、图片文件路径 打开区块文件夹下的`config.json`文件，修改引入的文件路径。 区块自定义css、js文件或文件夹放在区块文件夹根目录下，图片文件或文件夹放在区块文件夹下`img`。 ####修改区块引入的css、js文件路径 引入css、js文件的路径前缀以`ui/css/`和`ui/js/`代替。   例如： `ui/css/index.css`，`ui/js/index.js` 或： `ui/css/diy/index.css`，`ui/js/diy/index.js`  ####修改区块引入的图片文件路径   css中调用图片方式，以`$ui_url`为路径前缀。 例如： `.asdasd{background:url('$ui_url/view1.jpg');}` 或 `.asdasd{background:url('$ui_url/diy/view1.jpg');}`
上一篇
: 2.2.页面和UI引用
下一篇
: 3.1.查找修改的UI文件
文档中心
米拓学堂
帮助中心
在线交流
{"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"}