# uniapp的组件
# 1.容器组件
- 常用的api
- 按入触发
<view class="gfd" hover-class="dd" hover-stay-time="2000">
- 滚动
- 滚动要设置样式,比如纵向滚动要设置高度
- 其他看官网api
- 按入触发
# 2. 表单组件
- 看官网api
# 3. 导航与页面传参
使用navigator
<navigator url="/pages/home/home" open-type="switchTab">跳转</navigator>
- open-type 跳转的方式
- navigate 默认值 保留当前页面 , 跳转到应用内的某个页面,但是不能跳转到tabbar页面
- redirect 关闭当前页面,跳转到应用内的某个页面,但是不允许跳转到tabbar页面
- switchTab 跳转到tabBar页面,并关闭其他所有非tabBar页面
- reLaunch 关闭所有页面,打开到应用内的某个页面
- navigateBack
- 默认值和此值时有效,设置delta值表示跳转层级
传参
- 可以直接在url后面配置传参,类似get请求,再在跳转的页面配置props
- 不支持switchTab
// 父 <navigator url="/pages/ddd/ddd?id=666">跳转</navigator> // 子 {{ id }} props: { id: { type: Number, default: 0 } }, // 或者 props: ['id']
1
2
3
4
5
6
7
8
9
10
11
12
13
- 可以直接在url后面配置传参,类似get请求,再在跳转的页面配置props
其他看官网api
# 4. 媒体组件
- 看官网api
~End~