uniapp 微信小程序端 宫格布局问题 justify-content不生效

直接使用unistarter的模板来修改 。布局在小程序中不生效。

.uni-list--waterfall {  
        border: 1px solid blueviolet;  
        width: 100%;  
        // height: ;  
        display: flex;  
        flex-direction: row;  
        flex-wrap: wrap;  
        justify-content: space-evenly;  
        .uni-list-item--waterfall {  
            width: 48%;  
            height: 180px;  
            margin-top: 10px;  
            // background-color: blue;  
            border: 1px solid red;  
            .uni-list-item__container {  
                display: flex;  
                padding: 4px;  
                flex-direction: column;  
            }  

        }  
    }