<route lang="json5">
{
  style: {
    navigationBarTitleText: '公司简介',
    navigationBarBackgroundColor: '#fff',
  },
}
</route>

<template>
  <view class="pt-15 pb-50 min-h-screen" v-if="introductionDetail">
    <view class="text-center text-16 font-bold">{{ introductionDetail.name }}</view>
    <image
      class="w-345 h-170 rounded-10 mt-15 mx-auto block"
      :src="introductionDetail.image"
      mode="aspectFill"
    />
    <view class="text-gray-500 mx-16 text-14 mt-15 break-all">
      {{ introductionDetail.content }}
    </view>
  </view>
</template>

<script setup lang="ts">
import { getIntroductionAPI } from '@/service'

const { list: introductionList } = useListPageRequest((params) =>
  getIntroductionAPI({ type: 3, ...params }),
)

const introductionDetail = computed(() => {
  return introductionList.value[0]
})
</script>
