From 113f46efaef26f0ff3c0e212cccfbca3aeee1414 Mon Sep 17 00:00:00 2001 From: taoshihan1991 <630892807@qq.com> Date: Tue, 11 Aug 2020 16:03:23 +0800 Subject: [PATCH] =?UTF-8?q?=E5=89=8D=E7=AB=AF=E9=A6=96=E9=A1=B5=E4=BF=AE?= =?UTF-8?q?=E6=94=B9?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- static/css/gofly-front.css | 49 +++++++++++++++++++ static/html/index.html | 99 ++++++++++++++++++++++---------------- static/js/gofly-front.js | 46 ++++++++++++++++++ 3 files changed, 153 insertions(+), 41 deletions(-) create mode 100644 static/css/gofly-front.css create mode 100644 static/js/gofly-front.js diff --git a/static/css/gofly-front.css b/static/css/gofly-front.css new file mode 100644 index 0000000..317de98 --- /dev/null +++ b/static/css/gofly-front.css @@ -0,0 +1,49 @@ +.launchButton{ + position: fixed!important; + bottom: 55px!important; + right: 20px!important; + left: auto!important; + height: 48px!important; + width: auto!important; + z-index: 10000000000000!important; + background: #20B2BB!important; + border: 0!important; + border-radius: 100px!important; + box-shadow: 0 3px 15px 0 rgba(0,0,0,.25)!important; + box-sizing: border-box!important; + padding: 0 20px!important; + transition: all .4s,bottom .8s ease-in-out!important; + cursor: pointer!important; + outline: 0!important; + display: inline-block; + margin: 0!important; + -webkit-font-smoothing: antialiased!important; + -webkit-tap-highlight-color: transparent!important; + animation-name: loadBubble; + animation-iteration-count: 1; + animation-timing-function: ease-in-out; + animation-duration: .2s; + color: #ffffff !important; +} +.launchButton:hover { + box-shadow: 0 3px 20px 0 rgba(0,0,0,.5)!important; +} +.launchButton svg{ + width: 28px; + height: 48px; +} +.launchButtonText { + color: #fff!important; + display: inline-block!important; + font-family: -apple-system,BlinkMacSystemFont,segoe ui,Roboto,Oxygen,Ubuntu,Cantarell,fira sans,droid sans,helvetica neue,sans-serif!important; + font-size: 1em!important; + line-height: 48px!important; + font-weight: 700!important; + margin: 0 0 0 12px!important; + overflow: hidden!important; + text-overflow: ellipsis!important; + vertical-align: top!important; + white-space: nowrap!important; + padding: 0!important; + transition: .6s ease-in-out!important; +} \ No newline at end of file diff --git a/static/html/index.html b/static/html/index.html index f9aca75..3da68dd 100644 --- a/static/html/index.html +++ b/static/html/index.html @@ -6,9 +6,7 @@
+ <script src="https://cdn.jsdelivr.net/npm/jquery/dist/jquery.min.js"></script> + <script src="https://cdn.bootcdn.net/ajax/libs/layer/3.1.1/layer.min.js"></script> + <link href="https://gofly.sopans.com/static/css/gofly-front.css" rel="stylesheet" type="text/css"/> + <div id="launchButton" class="launchButton"> + <svg x="0px" y="0px" viewBox="0 0 27 21.9" aria-labelledby="title desc" role="img" class="xhl-launch-button-svg"><title>Chat Icon </title><desc>three small dots to indicate that an agent is available to chat</desc><path fill="#ffffff" d="M23.2,0L2.6,1.7C1,1.9,0,3.2,0,4.9v8c0,1.6,0.8,3,2.4,3.1l5.3,0.5c0,0,1,1.6,0.3,3.2C7.2,21.3,6,21.9,6,21.9 c4.2,0,6.6-3.1,7.8-4.9l9.4,0.7c1.8,0.2,3.8-1.3,3.8-3.1V3.1C27,1.3,25-0.1,23.2,0z M6.4,10.1c-0.9,0-1.7-0.7-1.7-1.7 c0-0.9,0.7-1.7,1.7-1.7C7.3,6.8,8,7.5,8,8.5C8,9.4,7.3,10.1,6.4,10.1z M13.2,10.1c-0.9,0-1.7-0.7-1.7-1.7c0-0.9,0.7-1.7,1.7-1.7 c0.9,0,1.7,0.7,1.7,1.7C14.8,9.4,14.1,10.1,13.2,10.1z M19.9,10.1c-0.9,0-1.7-0.7-1.7-1.7c0-0.9,0.7-1.7,1.7-1.7 c0.9,0,1.7,0.7,1.7,1.7C21.6,9.4,20.9,10.1,19.9,10.1z"></path></svg> + <div class="launchButtonText"> + Chat with us + </div> + </div> + <script> + var GOFLY_URL="https://gofly.sopans.com"; + </script> + <script src="https://gofly.sopans.com/static/js/gofly-front.js"></script> ++ + + + + +