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

程序员勇哥

于 2025-05-20 08:57:16 发布

阅读量57

点赞数

CC 4.0 BY-SA版权

分类专栏：前端全套教程文章标签： uni-app vue.js javascript typescript 前端 react.js

本文链接：https://blog.youkuaiyun.com/youyong/article/details/148079514

前端全套教程专栏收录该内容

467 篇文章 ¥9.90 ¥99.00

订阅专栏

超级会员免费看

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>