uniapp,设计圆形 img组件
时间: 2023-08-16 17:09:10 浏览: 361
uniapp 圆形进度条 设配各个版本基座
要在uniapp中设计圆形img组件,可以使用以下步骤:
1. 在css中设置img的border-radius属性为50%。这会将图片的边框半径设置为宽度的50%,从而使其成为圆形。
```
<style>
.circle-img {
border-radius: 50%;
}
</style>
```
2. 在uniapp的template中添加img组件,并将其class设置为circle-img。
```
<template>
<img class="circle-img" src="your-image-source">
</template>
```
这样就可以将img组件设置为圆形了。
阅读全文