介绍
<view> 是小程序最基础容器组件,等同于 HTML 的 <div>,用于页面布局、包裹其他组件(text/image/button/input 等),做分块、弹性布局、层级划分。
特性
- 块级元素:默认独占一行,宽度 100%
- 支持所有 CSS(WXSS)样式:flex、margin、padding、border、background 等
- 支持点击、长按、触摸等各类事件
- 可嵌套 view、其他任意组件
基础语法
<!-- 空容器 -->
<view></view>
<!-- 包裹文本 -->
<view>我是view容器</view>
style行内样式
相当于 HTML的 style行内样式
如下,设置背景色是红色,字体大小是36rpx:
<view style="background-color: red;font-size: 36rpx;">第一个页面</view>