<template>
	<view>

		<view class="content" :style="'paddingTop: '+systemBarHeight + 'px;'">
			<view class=""
				style="display: flex; height: 45rpx; width: 100%; align-items: center;justify-content: center;"
				:style="{ marginTop: systemBarHeight + 'px' }">
				<image src="/static/image/ic_back.png"
					style="width: 24.31rpx; height: 43.06rpx; margin-left: 36rpx; position: absolute; left: 0;"
					@click="toBack()" alt="" />
				<text style="font-size: 38rpx; color: white;">设置</text>
			</view>

			<view class=""
				style="display: flex;width: 100%; height: 120rpx; flex-direction: row; justify-content: space-between; align-items: center; margin-top: 51rpx;">

				<text style="font-size: 29rpx;color: white; margin-left: 33rpx;">关于</text>

				<image src="/static/image/ic_right.png" style="width: 13rpx; height: 25rpx; margin-right: 33rpx;"
					mode=""></image>

			</view>

			<view class="" style="width: 93%; height: 1rpx; background-color: #474649;">

			</view>

			<view class=""
				style="display: flex;width: 100%; height: 120rpx; flex-direction: row; justify-content: space-between; align-items: center; margin-top: 10rpx;">

				<text style="font-size: 29rpx;color: white; margin-left: 33rpx;">退出登录</text>

				<image src="/static/image/ic_right.png" style="width: 13rpx; height: 25rpx; margin-right: 33rpx;"
					mode=""></image>

			</view>

			<view class="" style="width: 93%; height: 1rpx; background-color: #474649;"></view>

			<view class=""
				style="display: flex;width: 100%; height: 120rpx; flex-direction: row; justify-content: space-between; align-items: center; margin-top: 10rpx;">

				<text style="font-size: 29rpx;color: white; margin-left: 33rpx;">用户协议</text>

				<image src="/static/image/ic_right.png" style="width: 13rpx; height: 25rpx; margin-right: 33rpx;"
					mode=""></image>
			</view>

			<view class="" style="width: 93%; height: 1rpx; background-color: #474649;">

			</view>


		</view>

	</view>
</template>

<script>
	export default {
		data() {
			return {
				systemBarHeight: 0,
			}
		},

		onLoad() {
			this.getStatusBarHeight();
		},
		methods: {
			// 获取状态栏高度的方法
			getStatusBarHeight: function() {
				var that = this;
				uni.getSystemInfo({
					success: function(res) {
						that.systemBarHeight = res.statusBarHeight
					}
				});
			},
			toBack() {
				uni.navigateBack();
			},
		}
	}
</script>

<style>
	.content {
		width: 100%;
		height: 100vh;
		display: flex;
		flex-direction: column;
		align-items: center;
		background-color: #0E0A10FF;
	}
</style>