微信小程序实现常见的user效果
导读:本文共1003.5字符,通常情况下阅读需要3分钟。同时您也可以点击右侧朗读,来听本文内容。按键盘←(左) →(右) 方向键可以翻页。
摘要: wxml<view class='circle'><view class='userAvatar'><open-data type="userAvatarUrl" ></open-data></view></view> 代... ...
音频解说
目录
(为您整理了一些要点),点击可以直达。<view class='circle'>
<view class='userAvatar'>
<open-data type="userAvatarUrl" ></open-data>
</view>
</view>
.circle{
width:930rpx;
height:930rpx;
border-radius:465rpx;
background-color:#2ca6cb;
margin-top:-666rpx;
margin-left:-90rpx;
display:flex;
align-items:center;
flex-direction:column-reverse;
}
.userAvatar{
width:80px;
height:80px;
border-radius:40px;
margin-bottom:-30px;
overflow: hidden;
}
本文:
微信小程序实现常见的user效果的详细内容,希望对您有所帮助,信息来源于网络。