<template>
  <view class="common-header">
    <view class="common-header-text">
      <view class="common-header-text-neishi" @click="topgi">
        <view class="common-header-text-neishi-icon">
          <image
            src="https://cdn.bjtdba.com/vod/image/2022-08-11/20220811133828415.png"
            mode="widthFix"
          >
          </image>
        </view>
      </view>
      <view class="common-header-text-title">
        {{ headerTitle }}
      </view>
    </view>
  </view>
</template>

<script>
export default {
  props: {
    headerTitle: {
      type: String,
      default: "发货",
    },
  },
  data() {
    return {};
  },
  methods: {
    topgi() {
      this.$emit("headerJump");
    },
  },
};
</script>

<style lang="scss">
// 头部 start
.common-header {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 111;
  width: 100%;
  // height: 176rpx;
  background: #ffffff;
  display: flex;
  // justify-content: center;
  padding-left: 20rpx;
  white-space: nowrap;
  &-text {
    width: 686rpx;
    font-size: 36rpx;
    font-weight: 500;
    color: #333333;
    display: flex;
    // margin-top: 107rpx;
    padding: 30rpx 0 20rpx;
    align-items: center;

    &-neishi {
      width: 45rpx;
      height: 45rpx;
      margin-right: 10rpx;

      &-icon {
        width: 36rpx;
        height: 36rpx;
        margin-top: 5rpx;

        image {
          width: 100%;
          height: 100%;
        }
      }
    }
  }
}
// 头部 end
</style>
