h5网页聊天客服窗口
代码语言:html
下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开
<!dtype html>
<html>
<head>
<meta charset="utf-8">
<title>与客服1聊天中</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
<meta name="format-detection" content="telephone=no">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<style>
@charset "utf-8";
/*公共样式*/
html {
font-family: "Helvetica Neue",Helvetica,STHeiTi,sans-serif;
-webkit-text-size-adjust: 100%;
-moz-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
body {
background-image: url('http://repo.bfw.wiki/bfwrepo/image/5e0c6d9519736.png');
background-size: cover;
-webkit-overflow-scrolling: touch;
margin: 0;
}
ul {
margin: 0;
padding: 0;
list-style: none;
outline: none;
}
dl,dd {
margin: 0;
}
a {
display: inline-block;
margin: 0;
padding: 0;
text-decoration: none;
background: transparent;
outline: none;
color: #000;
}
a:link,a:visited,a:hover,a:active {
text-decoration: none;
color: currentColor;
}
a,dt,dd {
-webkit-touch-callout: none;
-webkit-tap-highlight-color: transparent;
}
img {
border: 0;
}
p {
margin: 0;
}
input,button,select,textarea {
margin: 0;
padding: 0;
border: 0;
outline: 0;
background-color: transparent;
}
button:hover {
cursor: pointer;
}
/*css reset*/
body {
position: relative;
}
.chat-wrapper {
font-size: 14px;
color: #fff;
}
/*右侧按钮*/
.chat-support-btn {
position: fixed;
display: inline-bl.........完整代码请登录后点击上方下载按钮下载查看






网友评论0