方案

{"status":1,"html":"<style type=\"text\/css\">\r\n.onlinebox_one{background-color: transparent;box-shadow: none;}\r\n.onlinebox_one .online-item{width: 68px;height: 60px;margin-bottom: 2px; padding-top: 12px; position: relative;display: block;color: #ffffff;}\r\n.onlinebox_one .online-item:nth-child(2){border-radius: 5px 5px 0px 0px;}\r\n.onlinebox_one .online-item:last-child{border-radius: 0px 0px 5px 5px;}\r\n.onlinebox_one .online-item i{font-size: 18px;}\r\n.onlinebox_one .onlinebox-open{border-radius: 5px;font-size: 22px;}\r\n.onlinebox_one .close{font-style: initial;color: #fff;opacity: 1;position: absolute; right: -5px; top: -15px;z-index:1; border-radius: 50%; width: 25px;\r\n    height: 25px;line-height:25px; display: none;font-size: 20px !important; font-family: arial; }\r\n.onlinebox .onlinebox-open {display: block; cursor: pointer; padding: 0 10px; font-size: 18px; line-height: 40px; color: #fff; }\r\n@media (min-width: 768px){\r\n.onlinebox_one .onlinebox-open{display: none;}\r\n}\r\n@media (max-width: 767px){\r\n.onlinebox_one .online-item:first-child{border-radius: 5px 5px 0px 0px;}\r\n.onlinebox_one .onlinebox_one_list{display: none;}\r\n.onlinebox_one .close{display:block;}\r\n.onlinebox_one .online-item{width: 54px;height: 50px;font-size: 12px;padding-top: 6px;}\r\n.onlinebox_one .online-item i{font-size: 14px;}\r\n}\r\n<\/style>\r\n<div id='onlinebox'  class=\"onlinebox onlinebox_one hide\" m-type='online' m-id='online'>\r\n    <div class=\"onlinebox-open text-xs-center\" id=\"onlinebox-open\" style=\"background:#1baadb;\"> <i class=\"fa fa-comments-o\"><\/i>\r\n    <\/div>\r\n                        <div class=\"onlinebox_one_list\">\r\n        <a href=\"javascript:void(0)\" class=\"text-xs-center\">\r\n            <i class=\"close\" style=\"background:#1baadb;\">x<\/i>\r\n        <\/a>\r\n                                            <a href=\"https:\/\/wpa.qq.com\/msgrd?v=3&uin=1769291912&site=qq&menu=yes\" title=\"1769291912\" class=\"online-item text-xs-center\" target=\"_blank\" style=\"background-color: #1baadb;\">\r\n                <i class=\"icon fa-qq\"><\/i>\r\n                <p class=\"m-b-0\">在线咨询<\/p>\r\n            <\/a>\r\n                                                        <a class=\"online-item text-xs-center met-online-weixin\" style=\"background-color: #1baadb;\" href=\"javascript:void(0)\" data-index=\"1\" data-plugin=\"webuiPopover\" data-trigger=\"hover\" data-animation=\"pop\"                 data-placement='left'\r\n                        data-content=\"<img src='https:\/\/www.sczhgx.com\/upload\/202201\/1642573656.png' alt='智慧光迅AINOPOL官方网站-让融合通信更智能、更简单' width='100' height='100'>\">\r\n                <i class=\"\"><\/i>\r\n                <p class=\"m-b-0\">投诉建议<\/p>\r\n            <\/a>\r\n                                                <a href=\"tel:400-8765400\" title=\"400-8765400\" class=\"online-item text-xs-center\" target=\"_blank\" style=\"background-color: #1baadb;\">\r\n                <i class=\"\"><\/i>\r\n                <p class=\"m-b-0\">服务电话<\/p>\r\n            <\/a>\r\n                                                        <a class=\"online-item text-xs-center met-online-weixin\" style=\"background-color: #1baadb;\" href=\"javascript:void(0)\" data-index=\"3\" data-plugin=\"webuiPopover\" data-trigger=\"hover\" data-animation=\"pop\"                 data-placement='left'\r\n                        data-content=\"<img src='https:\/\/www.sczhgx.com\/upload\/202111\/1635728953.png' alt='智慧光迅AINOPOL官方网站-让融合通信更智能、更简单' width='100' height='100'>\">\r\n                <i class=\"\"><\/i>\r\n                <p class=\"m-b-0\">技术服务<\/p>\r\n            <\/a>\r\n                                                            <a class=\"online-item text-xs-center met-online-weixin\" style=\"background-color: #1baadb;\" href=\"javascript:void(0)\" data-index=\"4\" data-plugin=\"webuiPopover\" data-trigger=\"hover\" data-animation=\"pop\"                 data-placement='left'\r\n                        data-content=\"<img src='https:\/\/www.sczhgx.com\/upload\/202110\/1633230104.png' alt='智慧光迅AINOPOL官方网站-让融合通信更智能、更简单' width='100' height='100'>\">\r\n                <i class=\"\"><\/i>\r\n                <p class=\"m-b-0\">业务联系<\/p>\r\n            <\/a>\r\n                        <\/div>\r\n    <\/div>\r\n<script>\r\n$(function(){\r\n            metFileLoadFun([\r\n      '..\/public\/plugins\/webui-popover\/webui-popover.min.css',\r\n      '..\/public\/plugins\/webui-popover\/jquery.webui-popover.min.js',\r\n      '..\/public\/web\/plugins\/register\/webui-popover.min.js'\r\n    ],function(){\r\n      return typeof $.fn.webuiPopover=='function';\r\n    },function(){\r\n      $('.onlinebox .met-online-weixin').webuiPopover();\r\n    });\r\n        $(\"#onlinebox-open\").click(function(){\r\n        $(\"#onlinebox\").find(\".onlinebox_one_list\").show();\r\n        $(this).hide();\r\n    });\r\n    $(\".onlinebox .close\").click(function(){\r\n      $(\"#onlinebox\").find(\".onlinebox_one_list\").hide();\r\n      $(\"#onlinebox-open\").show();\r\n    });\r\n});\r\n<\/script>","t":"2","x":"10","y":"100"}

方案

产品

案例

企业动态

在线文档

走进光迅

光迅工坊