微信小程序Curve的布局

小程序的页面布局和外部开发基本上是一致的，我们在调试这种界面的时候，经常会遇到一个问题，就是不太清楚一个界面样子是哪里出问题了。比如我们写这样一个界面。

<view class="mybg">
<curve class="cmybg">

</curve>
</view>

我们实际上很难知道这两个界面的相对位置，只能从理论上去推理。非常简单是可以的，如果要涉及到非常复杂的时候，就很难去分析。我个人觉得一个常规的方法是给每个控件一个背景颜色，你那种很直观的确定两个控件的位置，代码如下：

.mybg{
  background: red;
  position: fixed;
  left:0;
  top:0;
  width:100%;
  height:100%;
  z-index:-1;
}

.cmybg{
  background: blue;
  position: fixed;
  left:0;
  top:0;
  width:50%;
  height:50%;
  z-index:-1;
}

实际上我们只要把这两个控件的样式实现，给成不同的颜色，就能够直观的知道这两个界面控件的具体位置。具体效果如下：

界面效果

这个小技巧就点到为止吧。