html5 - 如何在Ionic框架中创建个人资料 ImageView ？

我想在Ionic 2项目的个人资料屏幕上添加圆圈视图。
有没有简单的方法可以做到这一点，或者我可以在Ionic框架中使用什么标签？
谢谢。

最佳答案

使用下面的css。如果您想要一个看起来像它们的宽度和高度相同的圆，则为lengt。因此，它可以像width：2vw; height：2vw;圆的宽度将取决于设备的宽度。

.image {
     height: 5vw;
     width: 5vw;
    border: 2px solid #fff;
    border-radius: 50%;
    box-shadow: 0 0 5px gray;
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
}

<div class="image"></div>