微信小程序开发的时候，需要设计一个视图容器组件的问题，它有多种视图样式，每一种都有需要注意的内容。所以小编打算整理一下相关教程，为大家介绍一下微信小程序的视图容器组件。今天就先说两个样式，剩下的我们下一期再详解
视图容器：
就和HTML的DIV差不多，可以被其他组件包含，也可以包含着其他的组件，用起来比较方便，没有固定的结构
1、视图样式flex-direction: row
效果图：
WXML代码如下：
<view>
<view class="flex-item red" ></view>
<view class="flex-item green" ></view>
<view class="flex-item blue" ></view>
</view>
WXSS代码如下：
.flex-wrp{
height: 100px;
display:flex;
background-color: #FFFFFF;
}
.flex-item{
width: 100px;
height: 100px;
}
.red{
background: red;
}
.green{
background: green;
}
.blue{
background: blue;
}
2、视图样式flex-direction: column
效果图：
WXML代码如下：
<view class="flex-wrp column">
<view style="background: red"></view>
<view style="background: green"></view>
<view style="background: blue"></view>
</view>
WXSS代码如下：
.column{
flex-direction:column;
}
.flex-item{
width: 100px;
height: 100px;
}
.flex-wrp{
height: 100px;
display:flex;
background-color: #FFFFFF;
}
.red{
background: red;
}
.green{
background: green;
}
.blue{
background: blue;
}
微信小程序开发过程必须解决的几大问题
开发者在选择进入到微信小程序市场中的时候，首先要触及到的就是市场需求定位、开发团队组建、宣传推广问题以及数据监测问题。这几个方面是在策划
广州微信小程序公司为什么要不断开发新功能
微信事业群选择将小程序以低调上线的状态呈现在用户面前，而现在却选择截然不同的方式，这个中缘由，到底是什么
微信小程序技术教程之用户授权登陆开发
微信用户授权登陆的时候，用来记录用户身份唯一性的标识就是微信中的unionID，所以在做授权登陆开发的时候，如何拿到
开发微信点餐小程序，服务管理更便捷，经营成本有效降低
微信小程序作为一个工具型的产品被开发与推广，有多种可以作为工具使用的场景可以选择，餐饮行业的点餐工具就是常见的
微信小程序开发教程之index 页面解析
微信小程序的每一个页面都包含三个文件，分别是.js(处理逻辑)，.wxml(描述页面内容)，.wxss(配置页面样式)，index 页面同样
开发微信小程序时需要注意基本点有哪些
虽说微信小程序的开发比App开发要简单得多，但是该注意的东西还是得注意，一些最基本的方面更是要注重，避免一些最基本但具有毁灭性的情况出现。那么，这些所谓的基本注意点有哪些？现在小编可以来分点述说一下。
