<template>
	<view class="container">
		<view class="fs-bg__primary fs-pt160 fs-pb120 fs-px30 fs-color__white fs-flex__between">
			<view class="fs-align__center">
				<image class="fs-mr30" :src="userInfo.avatar || '/static/images/profile.png'" style="width:120rpx;height:120rpx;"></image>
				<text>{{userInfo.nickName}}</text>
			</view>
			<view class="setting">
				<tui-icon name="setup" :size="28" color="#fff" @click="href('/pages/mine/setting/setting')"></tui-icon>
			</view>
		</view>
		<view class="fs-pl30 fs-pr30 fs-mt-60">
			<view class="fs-mt30 fs-py36 fs-px30 fs-bg__white fs-radius__sm">
				<tui-list-cell unlined padding="0" :size="30" color="#000" :hover="false">我的服务</tui-list-cell>
				<view class="fs-flex fs-mt30 fs-size__h4">
					<view class="fs-flex__column fs-items__center item" @click="href('/pages/mine/setting/information')">
						<image class="fs-mb10 icon" src="/static/images/home/itmeHome9.png"></image>
						<text>个人信息</text>
					</view>
					<view class="fs-flex__column fs-items__center item" @click="href('/pages/mine/setting/about')">
						<image class="fs-mb10 icon" src="/static/images/home/itmeHome19.png"></image>
						<text>关于我们</text>
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
export default {
	data() {
		return {

		}
	},
	onLoad() {
		
	},
	methods: {
		// 跳转地址
		href(url) {
			uni.$tui.href(url)
		}
	}
}
</script>

<style lang="scss">
	page {
		background-color: #F4F4F4;
	}
</style>
<style lang="scss" scoped>
	.item {
		width: 25%;
	}
	.icon {
		width: 60rpx;
		height: 60rpx;
	}
</style>
