```
<template>
<view>
<view class="person-head">
<cmd-avatar src="https://avatar.bbs.miui.com/images/noavatar_small.gif" @click="fnInfoWin" size="lg" :make="{'background-color': '#fff'}"></cmd-avatar>
<view class="person-head-box">
<view class="person-head-nickname">Slimmer</view>
<view class="person-head-username">ID:slimmer9501</view>
</view>
</view>
<view class="person-list">
<cmd-cell-item title="我的设备" slot-left arrow>
<cmd-icon type="bullet-list" size="24" color="#368dff"></cmd-icon>
</cmd-cell-item>
<cmd-cell-item title="消息通知" slot-left arrow>
<cmd-icon type="message" size="24" color="#368dff"></cmd-icon>
</cmd-cell-item>
<cmd-cell-item title="系统设置" slot-left arrow>
<cmd-icon type="settings" size="24" color="#368dff"></cmd-icon>
</cmd-cell-item>
<cmd-cell-item title="检查版本" addon="v1.0" slot-left arrow>
<cmd-icon type="alert-circle" size="24" color="#368dff"></cmd-icon>
</cmd-cell-item>
</view>
</view>
</template>
<script>
import cmdAvatar from "@/components/cmd-avatar/cmd-avatar.vue"
import cmdIcon from "@/components/cmd-icon/cmd-icon.vue"
import cmdCellItem from "@/components/cmd-cell-item/cmd-cell-item.vue"
export default {
components: {
cmdAvatar,
cmdCellItem,
cmdIcon
},
data() {
return {};
},
methods: {
/**
* 打开用户信息页
*/
fnInfoWin() {
uni.navigateTo({
// url: '/pages/user/info/info'
})
}
}
}
</script>
<style>
@import url("../../static/css/user/user1.css");
</style>
```