menduner-uniapp/pages/index/welfare.vue

<template>
  <layout-page>
		<view class="ss-p-b-30">
			<view class="d-flex">
				<view v-for="(item, index) in itemList" :key="index" class="parent">
					<view class="d-flex justify-space-between">
						<view>
							<view class="colors">
								<span>查看更多</span>
								<uni-icons color="#c8c5c4" type="right" size="15" class="ml"/>
							</view>
							<view class="size-16">{{ item.title }}</view>
						</view>
						<view>
							<uni-icons color="#00897B" :type="item.icon" size="45"/>
						</view>
					</view>
				</view>
			</view>
	
			<view style="height: 10rpx; background-color: #f8f8fa;"></view>
	
			<view class="card">
				<uni-list>
					<uni-list-item v-for="item in list" :clickable="true" :key="item.title" :title="item.title" showArrow :rightText="item.rightTex || ''"></uni-list-item>
				</uni-list>
			</view>
		</view>
	</layout-page>
</template>

<script setup>
import layoutPage from '@/layout'

const itemList = [
	{ title: "面试管理", path: "/pagesA/interview/index", icon: "list" },
	{ title:'谁看过我', path:'/pagesA/seenMe/index', icon:'staff' }
]

const list = [
	{	title: '附件简历',	path: '/pagesA/resume/index'	},					
	{ title: '我的收藏', path: '/pagesA/collect/index' },
	{ title: '前往门墩儿甄选商城', appId: 'wx6decdf12f9e7a061' },
	{ title: '切换为招聘者', rightTex: '我要招人' }
]
</script>

<style scoped lang="scss">
::v-deep .uni-list-item{
	height: 140rpx !important;
	line-height: 140rpx !important;
}
::v-deep .uni-list-item__content-title{
	font-size: 32rpx !important;
	font-weight: 500;
}
.colors{
	font-size: 24rpx;
	color: #606266;
}
.size-16{
	color: #3f424f;
	font-size: 32rpx;
	margin: 13rpx 0 5rpx 0;
}
.parent{
	width: 50%;
	border: 1px solid #f4f4f4;
	border-radius: 10rpx;
	margin: 0 30rpx 20rpx 30rpx;
	padding: 20rpx;
}
.parent:first-child{
	margin: 0 0 20rpx 30rpx;
}
</style>