<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 class="exit">
      <u-button type="primary" shape="circle" text="退出登录"></u-button>
    </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 {
    padding: 50rpx 16rpx;
    box-sizing: border-box;
    .policy-inner-box {
      background-color: $uni-bg-color;
      border-radius: 20rpx;
    }
  }
}
.exit {
  padding: 200rpx 16rpx;
}
</style>
