UNI APP 纵向布局显示蓝绿橙黄色三个颜色方块，并三个方块带字ABC

UNI APP是一个使用Vue.js开发所有前端应用的框架，可以编译到iOS、Android、H5、以及各种小程序等多个平台。要实现一个纵向布局显示蓝绿橙黄色三个颜色方块，并且每个方块带有文字“A”、“B”、“C”的效果，可以通过以下步骤实现：

1. 创建一个新的UNI APP项目。
2. 在需要显示方块的页面的`.vue`文件中，编写相应的模板代码。
3. 使用`<view>`标签来创建方块，并设置其背景颜色。
4. 在每个`<view>`标签中加入`<text>`标签，写上相应的字母“A”、“B”、“C”。
5. 使用样式来调整每个方块的布局和样式。

一个简单的示例代码如下：

<template>
  <view class="container">
    <view class="block" style="background-color: blue;">A</view>
    <view class="block" style="background-color: green;">B</view>
    <view class="block" style="background-color: orange;">C</view>
  </view>
</template>

<style>
.container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.block {
  width: 100px;
  height: 100px;
  margin: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: white;
  font-size: 20px;
  border-radius: 5px;
}
</style>

在上面的代码中，`.container` 是一个flex容器，它的`flex-direction`属性设置为`column`，使得子元素垂直排列。每个`.block`类定义了一个方块，其中`width`和`height`定义了方块的尺寸，`background-color`设置了方块的背景颜色。`<text>`标签中的内容就是方块上显示的字母。