样式小调整

pull/23/head
taoshihan1991 4 years ago
parent f27a682cee
commit d155487d7c

@ -1,8 +1,26 @@
.launchButton{
.launchButtonBox{
position: fixed!important;
bottom: 100px!important;
bottom: 120px!important;
right: 20px!important;
left: auto!important;
}
.launchButtonNotice{
padding: 10px;
margin: 0 auto;
display: block;
clear: both;
margin-top: 15px!important;
border-radius: 4px;
background-color: #fff;
overflow: hidden;
cursor: pointer;
box-shadow: 0 1px 6px rgba(0,0,0,.06), 0 2px 32px rgba(0,0,0,.16);
position: absolute;
color: #222;
line-height: 1.5;
font-size: 14px;
}
.launchButton{
height: 48px!important;
width: auto!important;
z-index: 10000000000000!important;

@ -22,7 +22,7 @@
<script src="/static/js/gofly-front.js"></script>
<script>
GOFLY.init({
GOFLY_URL:"https://gofly.sopans.com",
GOFLY_URL:"http://127.0.0.1:8081",
GOFLY_KEFU_ID: "kefu2",
GOFLY_BTN_TEXT: "{{.OnlineChat}}"
})

@ -7,12 +7,14 @@
<el-tabs>
<el-tab-pane label="默认JS模式">
<textarea style="width:100%;color:green;font-size:12px;height:290px;">
<script src="/static/js/gofly-front.js"></script>
<script>
var GOFLY_URL="";
var GOFLY_KEFU_ID="kefu2";
var GOFLY_BTN_TEXT="Chat with me";
GOFLY.init({
GOFLY_URL:"https://gofly.sopans.com",
GOFLY_KEFU_ID: "[客服名称]",
GOFLY_BTN_TEXT: "在线咨询"
})
</script>
<script src="/static/js/gofly-front.js"></script>
</textarea>
</el-tab-pane>
<el-tab-pane label="超链接模式">

@ -71,7 +71,11 @@ GOFLY.dynamicLoadJs=function(url, callback){
GOFLY.clickBtn=function (){
var _this=this;
$('body').append('<div id="launchButton" class="launchButton animateUpDown"><div class="launchButtonText">'+_this.GOFLY_BTN_TEXT+'</div></div>');
var html="<div class='launchButtonBox'>" +
'<div id="launchButton" class="launchButton animateUpDown"><div class="launchButtonText">'+_this.GOFLY_BTN_TEXT+'</div></div>' +
'<div class="launchButtonNotice">您好:<br/>极简强大的开源免费Go语言在线客服单页营销系统</div>' +
'</div>';
$('body').append(html);
$("#launchButton").on("click",function() {
_this.showKefu();
});

Loading…
Cancel
Save