vue手搓悬浮在线客服按钮

凉风听雪

于 2024-08-07 11:18:22 发布

阅读量902

点赞数 2

CC 4.0 BY-SA版权

分类专栏：前端开发文章标签： vue.js javascript css

本文链接：https://blog.youkuaiyun.com/p_s_p/article/details/140986881

<template>
  <div id="app">
  <Header></Header>
    <!-- 悬浮按钮 -->
    <div class="floating-module">
        <button class="floating-button" id="online-service" @click="kefu()">
            <img src="@/assets/icon/客服.png" alt="在线客服">
        </button>
        <button class="floating-button" id="phone-service" @click="dianhua()">
            <img src="@/assets/icon/电话.png" alt="电话咨询">
        </button>
    </div>

    <!-- 路由挂载 -->
    <router-view></router-view>

  <Footer></Footer>
  </div>
</template>

<script>
import Header from '@/components/Header/Header'
import Footer from '@/components/Footer/Footer'

export default {
  name: 'App',