<template>
  <view class="pb-120">
    <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 || ''"
          @click="handleToLink(item)"
        >
        </uni-list-item>
      </uni-list>
    </view>
  </view>
</template>

<script setup>
const list = [
	{	title: '用户协议',	path: '/pagesB/agreement/user' },					
	{	title: '隐私协议',	path: '/pagesB/agreement/privacy' },					
	{	title: '版权政策',	path: '/pagesB/agreement/CopyrightPolicy' },					
	{	title: '职场社区政策',	path: '/pagesB/agreement/WorkplaceCommunityPolicy' },					
	{	title: '用户行为规范',	path: '/pagesB/agreement/UserBehaviorNorms' },					
]

const handleToLink = (item) => {
	uni.navigateTo({
		url: item.path
	})
}
</script>
<style scoped lang="scss">
: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>
