微信小程序我的页面开发与跳转界面

微信小程序我的页面开发与跳转界面

登录界面的配置
wxml代码片段：

//获取用户头像
<view>  
	<!-- 头像后面的背景 --> 
	<image class='bg' src='' background-size='cover'></image>
</view>
<view class="tx">  
	<view class="logo">    
		<open-data type="useravatarUrl" class="userinfo" id="userinfo"></open-data>  
	</view>
</view>

wxss代码片段

//
.bg{  
	position: relative; 
	top: 0px;  width: 100%;   
 	height: 280rpx;
}
#userinfo{  
	 position: absolute;  
	 top: 50rpx;  left: 290rpx; 
	 width: 185rpx;  
	 height:185rpx;  
	 border-radius:50%; 
	 display: flex;
	 overflow:hidden;  
	 text-align: center; 
}
.head image { 
	 border-radius: 50%;
}

json文件

{
  "usingComponents": {},
  "navigationBarTitleText": "个人中心"
}

更多咨询请关注：执手浪天涯
联系qq：3098414278