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

在UNI APP中，你可以使用`<view>`标签来创建三个带有文字的方块，并通过设置它们的样式属性来实现横向布局和不同的颜色。以下是一个简单的示例代码：

<template>
  <view class="container">
    <view class="box box1">A</view>
    <view class="box box2">B</view>
    <view class="box box3">C</view>
  </view>
</template>

<style>
.container {
  display: flex;
  justify-content: space-between;
}

.box {
  width: 100px;
  height: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.box1 {
  background-color: blue;
}

.box2 {
  background-color: green;
}

.box3 {
  background-color: orange;
}
</style>

在这个示例中：
- `<view class="container">` 容器使用了flex布局，将子元素沿着主轴（水平方向）均匀分布，通过`justify-content: space-between;`实现三个方块之间的等间距布局。
- 每个方块都设置了宽度和高度为100px，并且通过`display: flex;`使得它们在内部元素（文字）可以居中显示。
- `.box1`、`.box2`和`.box3`类分别定义了三个不同颜色的背景，分别为蓝色（blue）、绿色（green）和橙色（orange），这里为了示例特意写为不同的颜色，实际要求是蓝绿橙黄色，可以根据实际需要调整。

请注意，UNI APP默认使用的是flex布局，所以这里显示的代码是基于flex布局的简单应用。