🔥码云GVP开源项目 12k star Uniapp+ElementUI 功能强大 支持多语言、二开方便! 广告
``` <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> ```