sannongzixunwang_web/app.vue

<template>
  <div class="sannong">
    <NuxtLayout>
      <NuxtPage></NuxtPage>
      <!-- <img src="./static/images/weixin 1.png" alt=""> -->
      <ul class="kefu">
        <li>
          <img src="./static//images/weixin 1.png" alt="">
          <p>微信客服</p>
        </li>
        <li>
          <img src="./static//images/qq 1.png" alt="">
          <p>QQ客服</p>
        </li>
        <li>
          <img src="./static//images/dianhua 1.png" alt="">
          <p>电话客服</p>
        </li>
        <li>
          <img src="./static//images/guanbi 1.png" alt="">
          <p>关闭</p>
        </li>
      </ul>
    </NuxtLayout>
  </div>
</template>
<style lang="less" scoped>
.kefu {
  width: 100px;
  height: 445px;
  position: fixed;
  bottom: 80px;
  right: 129px;

  >li {
    width: 100px;
    height: 100px;
    margin-bottom: 15px;
    text-align: center;

    >img {
      width: 60px;
      height: 60px;
      margin-top: 10px;
    }

    >p {
      font-family: PingFang SC, PingFang SC;
      font-weight: 500;
      font-size: 14px;
      color: #666666;
      line-height: 16px;
    }
  }
}
</style>