<view class="circle">
<image src="../../static/images/shopping_list/header_1.jpg" mode=""></image>
</view>
1.puntos de conocimiento CSS
proyecto |
Valor |
radio fronterizo: 50%; |
Agregar esquinas redondeadas a los elementos (usado con desbordamiento) |
desbordamiento: oculto; |
El contenido se recorta y el contenido restante es invisible. |
imagen de guía |
Tanto el ancho como el alto deben establecerse al 100%. |
.circle{
border-radius: 50%;
overflow: hidden;
width: 100rpx;
height: 100rpx;
margin: auto;
}
.circle image{
width: 100%;
height: 100%;
}