<template>
  <view class="copyright-section" :style="{bottom: footerHeight}">
    <view class="copyright-content">
      <text style="color: #ddd;padding-right: 20rpx;">——</text>
      <image src="/static/imgs/index/logo.png" class="logo" mode="aspectFit"></image>
      <text class="copyright-text">
        提供技术支持 
      </text>
      <text style="color: #ddd;padding-left: 20rpx;">——</text>
    </view>
  </view>
</template>

<script>
export default {
  name: 'gx-copyright',
  props: {
    footerHeight: {
      type: String,
      default: '130rpx' // 默认footer高度
    }
  }
}
</script>

<style lang="scss" scoped>
.copyright-section {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  padding: 20rpx 0;
  background-color:transparent;
  opacity: 0.6;
  // z-index: 90; /* 确保在footer下方 */
  
  .copyright-content {
    display: flex;
    align-items: center;
    justify-content: center;
    
    .logo {
      width: 150rpx;
      height: 50rpx;
      margin-right: 0rpx;
    }
    
    .copyright-text {
      font-size: 24rpx;
      color: #999;
      padding-left: 20rpx;
    }
  }
}
</style>