<template>
  <div class="basic-container">
    <Title :name="name" />
    <div class="basic-content">
      <div class="basic-line">
        项目ID：<span>{{ "XXXXXXXXX" }}</span>
      </div>
      <div class="basic-line">
        项目本地名称：<span>{{ "XXXXXXXXX" }}</span>
      </div>
    </div>
  </div>
</template>
<script>
import Title from "./title.vue";
export default {
  components: {
    Title,
  },
  props: {
    name: {
      type: String,
      default: "",
    },
  },
};
</script>
<style lang="less" scoped>
.basic {
  &-container {
    padding-bottom: 40px;
  }
  &-content {
    display: flex;
    padding-left: 16px;
  }
  &-line {
    font-size: 14px;
    color: #646c73;
    span {
      color: #1f2429;
    }
    &:nth-child(2) {
      margin-left: 157px;
    }
  }
}
</style>
