22.1.手机端特色设置
第二十二章 手机端
导航
系统使用首页
系统使用
插件使用
米拓商城
模板制作
应用开发
系统开发
http://doc.metinfo.cn/metinfo/
1
22.1.手机端特色设置
MetInfo
网站模板采用响应式布局，但为了改进手机端的展示效果，系统内置了手机端
logo
、手机端
banner
、手机底部菜单及手机列表页展示控制参数等功能。
文档中心
米拓学堂
帮助中心
在线交流
{"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;\"><img src=\"..\/upload\/201912\/1577408720245662.png\" data-width=\"120\" width=\"120\" data-height=\"120\" height=\"120\" title=\"\"\/><\/p><p style=\"text-align: center;\">微信公众号<\/p><p style=\"text-align:center;\"><img src=\"..\/upload\/201912\/1577408739117348.png\" data-width=\"150\" width=\"150\" data-height=\"150\" height=\"150\" title=\"\"\/><\/p><p style=\"text-align: center;\">QQ交流群<\/p><\/div>\r\n <\/div>\r\n<\/div>","t":"4","x":"10","y":"130"}