uni-app css

uni-app的CSS与Web的CSS基本一致，但是有一些需要注意的地方。以下是一些样式相关的注意事项：
1. 在uni-app中，可以使用rpx作为单位来适配不同的屏幕尺寸。
2. uni-app中的样式可以直接写在vue文件的style标签中，也可以单独写在一个css文件中。
3. uni-app中的样式可以使用sass预处理器，但需要在项目中安装sass。
4. uni-app中的样式可以使用伪类选择器，如:hover、:active等。
5. uni-app中的样式可以使用flex布局来实现页面布局。
6. uni-app中的样式可以使用uni.css文件中提供的一些样式类来快速实现一些常见的样式效果。

以下是一个使用flex布局实现页面布局的例子：

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

.item {
  width: 100px;
  height: 100px;
  background-color: #f00;
  margin: 10px;
}

以下是一个使用uni.css文件中提供的样式类实现一些常见样式效果的例子：

<template>
  <div class="uni-bg-red uni-text-white uni-padding uni-radius">
    这是一个带背景色、文字颜色、内边距和圆角的容器
  </div>
</template>

<style>
@import "@/uni.css";
</style>