<style lang='less' scoped>
.footer {
    position: absolute;
    bottom: 68rpx;
    left: 50%;
    transform: translate(-50%);
    .footer-content {
        display: flex;
        justify-content: center;
        align-items: center;
        .text {
            font-family: PingFang SC;
            font-size: 28rpx;
            font-weight: 400;
            line-height: 44rpx;
            color: #8b949e;
            padding: 0 16rpx;
        }
        .footer-line {
            width: 40rpx;
            border: 2rpx;
            border: 2rpx solid #c4c9cf;
        }
    }

    .btn-box {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 272rpx;
        height: 88rpx;
        padding: 20rpx 48rpx 20rpx 48rpx;
        border-radius: 40px;
        background: #ffffff;
        .text {
            font-family: PingFang SC;
            font-size: 28rpx;
            font-weight: 400;
            line-height: 44rpx;
            color: #626c78;
        }
        .imgSt {
            width: 48rpx;
            height: 48rpx;
        }
    }
}
</style>
<!-- 个人中心 -->
<template>
    <div class="footer">
        <div
            class="btn-box"
            v-if="IsShowPhone"
        >
            <image
                class="imgSt"
                src="/static/icon-phone.svg"
            />
            <span class="text">客服电话</span>
        </div>
        <div
            class="footer-content"
            v-else
        >
            <div class="footer-line"></div>
            <div class="text">小飒智控</div>
            <div class="footer-line"></div>
        </div>

    </div>
</template>

<script>

import wepy from '@wepy/core'
// import config from '@/config';
wepy.component({
  name: 'Footer',
  props: {
    IsShowPhone: Boolean
  },
  data: {

  },
  computed: {},
  methods: {

  },
    // 生命周期 - 创建完成（可以访问当前this实例）
  created() {

  },
    // 生命周期 - 挂载完成（可以访问DOM元素）
  mounted() {

  }
})
</script>
