@miapp/uic-immersive-page
v1.0.9
Published
uic-immersive-page
Keywords
Readme
uic-immersive-page
uic-immersive-page
使用
在页面的 page.json 中配置：
{
"usingComponents": {
"uic-immersive-page": "@miapp/uic-immersive-page/lib/index"
}
}在页面的 page.axml 中直接使用：
<uic-immersive-page />option参数
| 属性 | 类型 | 默认值 | 描述 |
|:--|:--|:--|:--|
| title | string | '' | 导航栏标题 |
| icon | string | '' | 导航栏图标 |
| backgroundColor | HexColor | #0368D9 | 导航栏背景色 |
| bannerList | Arrary | [] | banner区 |
| bannerHeight | String | '904rpx' | banner区高度 |
| marginTop | String | '-110rpx' | 主题内容距离banner距离 |
| subShow | boolean | true | 是否展示索引下标 |
| subWidth | String | '100rpx' | 索引下标宽度 |
| subSize | String | '280rpx' | 索引下标字体大小 |
| subRadius | String | '30rpx' | 索引下标圆角 |
| subBg | Color | 'rgba(255, 255, 255, 0.3)' | 索引下标背景色 |
| subColor | HexColor | #ffffff | 索引下标字体颜色 |
| autoplay | boolean | false | 轮播图是否自动播放 |
| showTheme | boolean | true | 是否展示banner主题色 |
| tabBarTheme | boolean | true | tabbar背景色是否跟随banner主题色切换 |
| trapScrollTop | Number | 240 | 停止切换主题色时的滚动距离 |
| interval | Number | 3000 | 自动切换时间间隔 |
| color | HexColor | #333333 | tab上的文字默认颜色 |
| selectedColor | HexColor | #0368D9 | tab上的文字选中时的颜色 |
| OnHandleTap | EventHandle | `` | banner点击事件（已适配跳转url） |
| tabBarItem | Arrary | [] | tabBar参数 |
| topButton | boolean | true | 是否展示回顶部按钮 |
| topIconUrl | String | '' | 返回顶部图标 |
tabBarItem
tabBarItem参数- index
- text
- iconPath
- selectedIconPath
开发
yarn安装依赖- 小程序 IDE 打开组件（下载地址）
更多命令
miapp newbranch: 新建分支miapp push: 提交代码miapp prepub: 预发（发布 beta 版本）miapp publish: 正式发布