微信小程序?qū)崿F(xiàn)常見(jiàn)的user效果

這篇“微信小程序?qū)崿F(xiàn)常見(jiàn)的user效果”文章，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們一定要參考一下，對(duì)于“微信小程序?qū)崿F(xiàn)常見(jiàn)的user效果”，小編整理了以下知識(shí)點(diǎn)，請(qǐng)大家跟著小編的步伐一步一步的慢慢理解，接下來(lái)就讓我們進(jìn)入主題吧。

wxml

<view class='circle'>
<view class='userAvatar'>
<open-data type="userAvatarUrl" ></open-data>
</view>
</view>

代碼說(shuō)明：  open-data沒(méi)有辦法直接給一個(gè)class然后控制類名，但是可以通過(guò)控制外部盒子達(dá)到控制它本身的大小以及形狀的目的。

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

說(shuō)明：通過(guò)flex布局控制頭像的位置。

小程序是什么意思

小程序是一種不需要下載安裝即可使用的應(yīng)用，通過(guò)掃描二維碼或是搜一搜立即使用，操作簡(jiǎn)單，便于傳播，能夠?qū)崿F(xiàn)消息通知、線下掃碼、公眾號(hào)關(guān)聯(lián)等七大功能。它基于微信運(yùn)行的，類似于APP，想用就用，用完即走，不會(huì)占用內(nèi)存。

以上是“微信小程序?qū)崿F(xiàn)常見(jiàn)的user效果”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對(duì)大家有所幫助，如果還想學(xué)習(xí)更多知識(shí)，歡迎關(guān)注億速云行業(yè)資訊頻道！