更新记录
1.1.4(2024-04-25)
新增navBar 属性控制隐藏自定义导航
1.1.3(2024-04-16)
上拉刷新 下拉加载更多方法判空
1.1.2(2024-04-16)
导航返回图标添加返回操作; 底部高度计算方式调整
查看更多平台兼容性
Vue2 | Vue3 |
---|---|
× | √ |
App | 快应用 | 微信小程序 | 支付宝小程序 | 百度小程序 | 字节小程序 | QQ小程序 |
---|---|---|---|---|---|---|
HBuilderX 3.1.0 app-vue app-nvue | × | √ | √ | √ | √ | √ |
钉钉小程序 | 快手小程序 | 飞书小程序 | 京东小程序 |
---|---|---|---|
√ | √ | √ | √ |
H5-Safari | Android Browser | 微信浏览器(Android) | QQ浏览器(Android) | Chrome | IE | Edge | Firefox | PC-Safari |
---|---|---|---|---|---|---|---|---|
√ | √ | √ | √ | √ | √ | √ | √ | √ |
uc-page
示例一:顶部侵入式背景图片
<uc-page root cusLeft :headerBackground="`url(${webImage('icon_home_bg.png')}) no-repeat top center/contain`"
:headerBackgroundHeight="600" :status="status" :showBack="false" :subHeaderHeight="88" navBackground='transparent'>
<template #nav-left>
<home-location></home-location>
</template>
<home-swiper></home-swiper>
<view class="card-section">
<home-card :item="cards[0]" :style="{width:360+'rpx', height:360+'rpx',paddingRight:20+'rpx'}" />
<view style="flex: 1;justify-content: space-between;">
<home-card :item="cards[1]" :style="{ height:170+'rpx'}" />
<home-card :item="cards[2]" :style="{ height:170+'rpx'}" />
</view>
</view>
<uc-section title="为您推荐" more="查看更多" showArrow>
<home-task></home-task>
</uc-section>
</uc-page>
示例二: 二级页面带返回
<uc-page title="招募大厅" :status="UCEmptyStatus.error">
</uc-page>