微信小程序之UI与容器组件介绍

发布日期： 2017-09-19 阅读量： 作者： 网络

微信小程序 ui与容器组件总结

1.总结与概述

2.容器组件

2.1 组件容器（view）

2.2 可滚动视图容器(scroll-view)

2.3 滑块视图容器（swiper）

1.总结与概述

1.1 UI组件总结图

1.2 概述

小程序的UI组件也就是定义用户界面的一系列标签，类似于html标签。一个完整用户响应过程：事件触发——>UI组件接收到事件——>触发js函数响应事件——>更新UI

2.容器组件

2.1 容器组件(view)

(1)总结

(2)例子

效果图

page.wxml

<view>
 <text>水平布局：</text>
 <view>
  <view><text>red</text></view>
  <view><text>green</text></view>
  <view><text>blue</text></view>
 </view></view><view>
 <text>垂直布局：</text>
 <view>
  <view><text>red</text></view>
  <view><text>green</text></view>
  <view><text>blue</text></view>
 </view></view>

# 小程序 # 介绍 # 组件

上一篇: 如何在 PHP 函数中有效处理引用参数

下一篇: 解决WordPress发送邮件提示“您的主机禁用了Mail函

微信小程序之UI与容器组件介绍

随便看看