利用微信小程序写一个滚动视图 ，要求1.外层的大容器scroll-view 类名：container1 2.三个小容器view 放在scroll-view里1.三个小view的高宽为100像素 文本左右居中和上下居中 2.三个小view的背景色分别为红绿蓝 3.大容器scroll-view采用边框1个像素 实线 红色 高150px 宽300px 提示：滚动必须是大容器的宽度（高度）小于里面所有标签（组件）宽度之和

好的，以下是微信小程序的代码实现：

<scroll-view class="container1" scroll-x="true" style="width: 300px; height: 150px; border: 1px solid red;">
  <view class="view1" style="background-color: red;">红色</view>
  <view class="view2" style="background-color: green;">绿色</view>
  <view class="view3" style="background-color: blue;">蓝色</view>
</scroll-view>

// CSS样式
.container1 {
  display: flex;
}

.view1, .view2, .view3 {
  width: 100px;
  height: 100px;
  text-align: center;
  line-height: 100px;
  display: inline-block;
  vertical-align: middle;
}

其中，scroll-view的scroll-x属性设置为true，表示可以横向滚动。三个小view使用display: inline-block和vertical-align: middle实现上下居中，text-align: center实现左右居中。大容器的宽度设置为300px，高度设置为150px，满足题目要求。