chelvc-custom/src/pages/client/settings/index.vue

<template>
  <view class="container">
    <view class="main-out-box">
      <view class="main-inner-box">
        <u-cell-group :border="false">
          <u-cell size="large" :border="false" icon="setting-fill" title="系统设置" isLink url=""></u-cell>
          <u-cell size="large" :border="false" icon="setting-fill" title="权限设置" isLink url=""></u-cell>
          <u-cell size="large" :border="false" icon="setting-fill" title="切换身份" isLink url=""></u-cell>
        </u-cell-group>
      </view>
    </view>

    <view class="policy-out-box">
      <view class="policy-inner-box">
        <u-cell-group :border="false">
          <u-cell size="large" :border="false" icon="setting-fill" title="隐私管理" isLink url=""></u-cell>
        </u-cell-group>
      </view>
    </view>
  </view>
</template>

<style lang="scss" scoped>
.container {
  min-height: 100vh;
  background-color: #efefef;
  .main-out-box {
    // margin-top: 20rpx;
    padding: 20rpx 16rpx;
    box-sizing: border-box;
    .main-inner-box {
      background-color: $uni-bg-color;
      border-radius: 20rpx;
    }
  }
  .policy-out-box {
    // margin-top: 20rpx;
    padding: 20rpx 16rpx;
    box-sizing: border-box;
    .policy-inner-box {
      background-color: $uni-bg-color;
      border-radius: 20rpx;
    }
  }
}
</style>