// user/index.vue <template> <div class=“user”> <van-cell-group> <van-cell class=“user-info” :border=”false“> <van-image width=“50” height=“50” round src=” ‘https://s0.lgstatic.com/common/image/pc/default_boy_headpic1.png‘“ /> <div class=“user-info-content”> <h3>昵称</h3> <span> <van-icon name=“edit” /> 编辑个人资料 </span> </div> </van-cell> </van-cell-group> <layout-footer></layout-footer> </div> </template> <style lang=“scss” scoped> // 用户信息 .user-info { padding: 30px 20px 0; background-color: rgb(248, 150, 3) } .user-info .van-cell__value { display: flex; } .user-info .user-info-content { padding-left: 15px; } .user-info .user-info-content h3 { font-size: 18px; margin: 5px; }