luojigou_exhibition/src/components/contact-btn/index.vue

<template>
  <view class="fixed-btn info-btn">
    <button class="detail cu-btn block" @tap="navTo('/pages/contact/index')">
      联系我们 <zd-arrow class="btn-arrow" :color="'#ffffff'"></zd-arrow>
    </button>
  </view>
</template>

<script>
import ZdArrow from '@/components/zd-arrow/index';

export default {
  data() {
   return {}
  },
  components: {
    ZdArrow
  },
  methods: {
    navTo(route) {
      this.$mRouter.push({
        route
      })
    }
  }

}
</script>

<style lang="scss" scoped>
.fixed-btn {
  position: fixed;
  left: 50%;
  bottom: 60upx;
  transform: translateX(-50%);
  .detail {
    width: 532upx;
    height: 80upx;
    background: #1D2089;
    border-radius: 40upx;
    font-size: 32upx;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: #FFFFFF;
  }
  .btn-arrow {
    margin-left: 8upx;
  }
}
</style>