<template>
  <view class="agreement">
    <view
      class="agreement-item"
      v-for="item in agreementList"
      :key="item.path"
      @click="navigatorClick(item)"
      >{{ item.name }}</view
    >
  </view>
</template>

<script setup lang="ts">
const agreementList = [
  {
    name: '《营销行为小助手平台用户协议》',
    path: '/pages-sub-packages/agreement/platformUsers'
  },
  {
    name: '《隐私权政策》',
    path: '/pages-sub-packages/agreement/privacyPolicy'
  },
  {
    name: '《个人信息使用授权书》',
    path: '/pages-sub-packages/agreement/personalInfoAuth'
  }
]
const navigatorClick = (item: any) => {
  if (!item.path) return
  uni.navigateTo({
    url: item.path
  })
}
</script>

<style lang="scss" scoped>
.agreement {
  padding: 30rpx;
  .agreement-item {
    height: 100rpx;
    line-height: 100rpx;
    font-size: 32rpx;
    color: #333333;
    border-bottom: 1px solid #d9d9d9;
  }
}
</style>
