flex布局不生效

[z1485671578]

需要被解析的代码

<div class='album-photos'><figure class='my-photo'>
        <img src="https://img-blog.csdnimg.cn/f80307a8b8954930a83c62d4c0d70b63.png" alt="没有描述" />
</figure><figure class='my-photo'>
        <img src="https://img-blog.csdnimg.cn/134b84c115a9494b8a8c54d1b2ecaa14.png" alt="请输入图片描述" />
</figure><figure class='my-photo'>
        <img src="https://img-blog.csdnimg.cn/134b84c115a9494b8a8c54d1b2ecaa14.png" alt="请输入图片描述" />
</figure></div>

小程序scss代码

.album-photos {
  display: flex;
  flex-wrap: wrap;
  width: 100vw;
}
.my-photo{
  width: 30vw;
}