vue的权重

收缩flex-shrink：就是想保证用户头像的大小不会被挤压

flex-shrink属性定义了项目的缩小比例，默认为1，即如果空间不足，该项目将缩小。它还有另外一个值，就是0.如果在子元素的css样式中添加flex-shrink属性， 然后把值改为 0：flex-shrink：0 ，那么当前元素就不会被其他子元素挤压。

扩大flex-grow

flex-grow属性定义项目的放大比例，默认为0，即如果存在剩余空间，也不放大。