uniapp WeChat アバター

<view class="circle">
	<image src="../../static/images/shopping_list/header_1.jpg" mode=""></image>	
</view>

1.CSSの知識ポイント

プロジェクト	価値
境界半径: 50%;	要素に丸い角を追加します (オーバーフローで使用)
オーバーフロー: 非表示;	コンテンツがトリミングされ、残りのコンテンツが表示されなくなります
ガイド画像	幅と高さの両方を 100% に設定する必要があります

.circle{
    
    
	border-radius: 50%;
	overflow: hidden;
	width: 100rpx;
	height: 100rpx;
	margin: auto;
}
.circle image{
    
    
	width: 100%;
	height: 100%;
}