微信小程序我的页面开发与跳转界面
发表时间：2020-10-19
发布人：葵宇科技
浏览次数：57
微信小程序我的页面开发与跳转界面
登录界面的配置
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
