<template>
  <view class="project-info">
    <text class="project-title">{{ projectName || '加载中...' }}</text>
    <text class="project-desc">{{ projectDesc || '暂无描述' }}</text>
  </view>
</template>

<script>
  export default {
    name: 'ProjectInfo',
    props: {
      projectName: {
        type: String,
        default: '',
      },
      projectDesc: {
        type: String,
        default: '',
      },
    },
  }
</script>

<style lang="scss" scoped>
  .project-info {
    width: 100%;
    padding: 24rpx 20rpx;
    background: #f3d2a3;
    border-radius: 20rpx 20rpx 20rpx 20rpx;
    border: 2rpx solid #f3d2a2;
  }

  .project-title {
    display: block;
    font-weight: 500;
    font-size: 30rpx;
    color: #522510;
    line-height: 42rpx;
    text-align: left;
    font-style: normal;
    text-transform: none;
  }

  .project-desc {
    display: block;
    font-family: AlibabaPuHuiTi, AlibabaPuHuiTi;
    font-weight: 400;
    font-size: 24rpx;
    color: #522510;
    line-height: 32rpx;
    text-align: left;
    font-style: normal;
    text-transform: none;
  }
</style>
