<route lang="json5" type="page">
{
  style: {
    navigationBarTitleText: '热点新闻',
    navigationStyle: 'custom',
  },
}
</route>
<template>
  <view class="hot-news-page min-h-screen px-15 pb-100">
    <NavBar title-color="#333" />

    <view class="bg-#fff rounded-10 px-15 py-15 mt-15" v-if="newsList.length > 0">
      <view
        class="flex mb-15"
        v-for="item in newsList"
        :key="item.id"
        @click="handleNewsDetail(item.id)"
      >
        <image class="w-85 h-85 rounded-10" :src="item.image" mode="aspectFill" />
        <view class="ml-15 flex-1 flex flex-col justify-between">
          <view text-14>{{ item.name }}</view>
          <view class="text-12 text-#999">{{ formatTime(item.createtime) }}</view>
        </view>
      </view>
    </view>
    <wd-status-tip v-else image="content" tip="暂无内容" />
  </view>
</template>

<script setup lang="ts">
import NavBar from '@/components/NavBar.vue'
import { getIntroductionAPI } from '@/service'
import { formatTime } from '@/utils'

const { list: newsList } = useListPageRequest((params) =>
  getIntroductionAPI({ type: 1, ...params }),
)

const handleNewsDetail = (id: number) => {
  uni.navigateTo({
    url: `/pages-sub/news-detail/index?id=${id}`,
  })
}
</script>
<style scoped>
.hot-news-page {
  background: linear-gradient(180deg, #fff3eb 0%, #ffffff 100%);
}
</style>
