uni-app开发-第4篇：uni-app 组件使用

uni-app开发-第4篇：uni-app 组件使用

4.1 内置组件

4.1.1 视图容器组件

视图容器组件主要用于搭建页面的布局结构，以下是几个常见的视图容器组件及其使用示例：

• <view>：这是最常用的视图容器，类似于 HTML 中的 <div> 标签，用于包裹其他元素，可进行布局和样式设置。

<template>
  <view class="container">
    <view class="item">项目 1</view>
    <view class="item">项目 2</view>
  </view>
</template>

<style>
.container {
  display: flex;
  justify-content: space-around;
}
.item {
  padding: 10rpx;
  background-color: #eee;
}
</style>

• <scroll-view>：可滚动视图容器，当内容超出容器大小时，用户可以通过滚动查