menduner-uniapp/pagesA/student/index.vue

<!-- 校验是否完善人才必填信息 -->
<template>
  <view class="card">
    <uni-list>
      <uni-list-item
        v-for="item in list"
        :clickable="true"
        :key="item.title"
        :title="item.title"
        :showArrow="item.hideArrow ? false : item.rightTex === '未开放' ? false : true"
        :rightText="item.rightTex || ''"
        @click="handleToLink(item)"
      >
      </uni-list-item>
    </uni-list>
  </view>
</template>
<script setup>
import { ref } from 'vue'

const defaultList = [
	{	title: '学生信息',	path: '/pagesA/student/information'	},
	{	title: '实习企业',	path: '/pagesA/student/internshipCompany', rightTex: '未开放' },
	{	title: '实习报告',	path: '/pagesA/student/internshipReport', rightTex: '未开放' },
	{	title: '实习证书',	path: '/pagesA/student/internshipCertificate', rightTex: '未开放'	},
	{	title: '企业推荐信',	path: '/pagesA/student/enterpriseRecommendationLetter', rightTex: '未开放' },
	{	title: '实习管家',	path: '/pagesA/student/internshipButler' },
]
const list = ref(defaultList.filter(e => !e.hide))

const handleToLink = (item) => {
  if (item.rightTex === '未开放') return
	if (item.path) return uni.navigateTo({ url: item.path })
}

</script>
<style lang="scss" scoped>
:deep(.uni-list-item) {
	height: 120rpx !important;
	line-height: 120rpx !important;
}
:deep(.uni-list-item__content-title) {
	font-size: 32rpx !important;
	font-weight: 500;
}
</style>