frontend-uniapp/src/pages/setting/index.vue

<script setup lang="ts">
import ToolFun from '@/utils'

const titleName = ref<string>('设置')
const safeHeight = ToolFun.getSafeHeight()
</script>

<template>
  <TitleBar :title-name="titleName" />
  <view class="flex flex-col bg-[#F5F6F7] overflow-y-auto" :style="`height:calc(100vh - ${safeHeight}px)`">
    <uni-card>
      <uni-list class="text-[16px] font-normal" :border="false">
        <uni-list-item title="通用设置" />
        <uni-list-item title="通知设置" />
      </uni-list>
    </uni-card>
    <uni-card>
      <uni-list class="mt-6 text-[16px] font-normal" :border="false">
        <uni-list-item title="账号安全" />
        <uni-list-item title="隐私" />
      </uni-list>
    </uni-card>
  </view>
</template>

<style scoped>

</style>