實現微信小程序常見的用戶效果

責任編輯:福建福彩快3开奖结果 //www.yhrpv.com/



福建福彩快3开奖结果過程中,如果要實現常見的用戶效果,應該如何操作呢?


實現微信小程序常見的用戶效果

wxml

<view class='circle'>

<view class='userAvatar'>

<open-data type="userAvatarUrl" ></open-data>

</view>

</view>

代碼說明:  open-data沒有辦法直接給一個class然后控制類名,但是可以通過控制外部盒子達到控制它本身的大小以及形狀的目的。


wxss

.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;

}

說明:通過flex布局控制頭像的位置。


以上就是福建福彩快3开奖结果實現常見的用戶效果的開發文檔,更多小程序開發文檔可以關注網站。




澤群一站式網絡服務機構竭誠為您提供:

福建福彩快3开奖结果,福建福彩快3开奖结果,福建福彩快3开奖结果,福建福彩快3开奖结果,福建福彩快3开奖结果,福建福彩快3开奖结果,福建福彩快3开奖结果,福建福彩快3开奖结果,SEO優化,模板建站,云服務等服務

相關資訊