微信小程序开发教程-view组件基础使用

介绍

<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>

原文出处:/show_1GW3X1sakYyj.html