小程序开发教程中view组件无法达到预期效果解决

有很多初学者在小程序入门过程中（https://mp.weixin.qq.com/debug/wxadoc/dev/component/view.html腾讯教程），在测试view组件时，发现无法达到预期效果，是因为index.wxss 中没有添加相应的样式，添加如下代码就行：

/**index.wxss**/

.bc_green{

background: green;

}

.bc_red{

background: red;

}

.bc_blue{

background: blue;

}

.bc_yellow{

background: yellow;

}

.flex-wrp{

height: 100px;

display: flex;

background-color: #FFFFFF;

}

.flex-item{

width: 100px;

height: 100px;

}

得到效果：