圆头像 微信小程序 绘图_[微信小程序]授权头像修改圆形

“#[一如分算需上来处一定迹面数一跳这件我子作微信小程序]授权头新直能分支调二浏页器朋代说，事刚需求像修改圆形”

一.

.wxml

.wxss

.userinfo-avatar {

width: 200rpx;

height: 200rpx;

margin: 20rpx;

border-radius: 50%;

display: flex;

overflow: hidden;

}

二.

.wxml

.wxss

.top{

display: flex;

position: absolute;

left: 0;

top: 0;

z-index: 2;

color: white;

font-size: 28rpx;

width: 100%;

height: 30rpx;

line-height: 100%;

}

.top>view:nth-child(1){

width: 200rpx;

height: 200rpx;

border-radius: 50%;

overflow: hidden;

margin-top: 168rpx;

margin-left: 285rpx;

display: block;

}

.top>view:nth-child(2){

height: 100rpx;

margin-left: -180rpx;

margin-top: 390rpx;

color: #9D9D9D;

font-size: 35rpx;

}

.top>view:nth-child(1)>open-data{

width: 100rpx;

height: 100rpx;

border-radius: 50%;

}

实例呀~

本文来源于网络：查看>/qq_43530250/article/details/84770113

如果觉得《圆头像 微信小程序 绘图_[微信小程序]授权头像修改圆形》对你有帮助，请点赞、收藏，并留下你的观点哦！