<template>
  <view class="content">
    <uni-nav-bar left-icon="back" @clickLeft="back" statusBar fixed title="设置"></uni-nav-bar>
    <view class="flex-col group_4">
      <view class="flex-col section_1">
        <view class="top-group justify-between">
          <text>关于我们</text>
          <image src="/static/imgs/digital-workshops/right-arrow-icon.png" class="image_4" />
        </view>
        <view class="flex-col">
          <view class="top-group justify-between">
            <text>用户协议</text>
            <image src="/static/imgs/digital-workshops/right-arrow-icon.png" class="image_4" />
          </view>
          <view class="justify-between group_6">
            <text class="text_6">当前版本号</text>
            <text class="text_7">印包客V1.1.0</text>
          </view>
        </view>
      </view>
      <view class="flex-col items-center button" @click="logout">
        <text>退出登录</text>
      </view>
    </view>
  </view>
</template>

<script>
import { go2, back, exit } from '@/utils/hook.js'
export default {
  data() {
    return {}
  },
  methods: {
    go2,
    back,
    logout() {
      exit()
    }
  }
}
</script>

<style lang="scss" scoped>
.content {
  width: 750rpx;
  .group_4 {
    padding-bottom: 80rpx;
    flex: 1 1 auto;
    overflow-y: auto;
    .section_1 {
      background-color: rgb(255, 255, 255);
      .top-group {
        color: rgb(51, 51, 51);
        font-size: 32rpx;
        line-height: 45rpx;
        white-space: nowrap;
        padding: 27rpx 32rpx 26rpx;
        border-bottom: solid 2rpx rgb(221, 221, 221);
        .image_4 {
          margin: 10rpx 9rpx 10rpx 0;
          width: 14rpx;
          height: 24rpx;
        }
      }
      .group_6 {
        padding: 27rpx 31rpx 26rpx 32rpx;
        .text_6 {
          color: rgb(51, 51, 51);
          font-size: 32rpx;
          line-height: 45rpx;
          white-space: nowrap;
        }
        .text_7 {
          color: rgb(136, 136, 136);
          font-size: 28rpx;
          line-height: 40rpx;
          white-space: nowrap;
        }
      }
    }
    .button {
      position: fixed;
      bottom: 80rpx;
      width: 686rpx;
      left: 32rpx;
      right: 32rpx;
      padding: 23rpx 0;
      color: rgb(51, 51, 51);
      font-size: 30rpx;
      font-weight: 500;
      line-height: 42rpx;
      white-space: nowrap;
      background-color: rgb(232, 232, 232);
      border-radius: 10rpx;
    }
  }
}
</style>
