更新记录

1.2.3(2024-11-11) 下载此版本

status 类型修改

1.2.2(2024-06-26) 下载此版本

fix:底部安全区域适配ios

1.2.1(2024-06-19) 下载此版本

更新说明

查看更多

平台兼容性

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

"app-plus": {
    "bounce": "none"
}

示例一:顶部侵入式背景图片

<template>
    <uc-page root fullScreen navBackgroundColor="linear-gradient(to bottom, #ffffff, rgba(0,0,0,0))" :more="loading"
        enableLoadMore :loadMore="getMore" :status="data.status">
        <template #left>
            <text style="padding-left: 20rpx;color: #fff;font-size: 17px;">遇见·更好的你</text>
        </template>
        <!-- banner -->
        <swiper style="height: 450rpx;" :indicator-dots="false" :autoplay="false" :interval="3000" :duration="1000">
            <swiper-item v-for="(item, index) in data.banners" :key="index">
                <view class="swiper-item" @click="clickItem(item)">
                    <image :src="item.cover" mode="aspectFill"></image>
                </view>
            </swiper-item>
        </swiper>

        <!-- 菜单 -->
        <uc-menu :datas="data.menus" column="2" @clickMenu="clickMenu"></uc-menu>
        <!-- tab -->
        <uc-tab @clickAtIndex="clickAtIndex" :datas="data.tabs"></uc-tab>
        <!-- 列表数据 -->
        <view>
            <view v-for="(item,index) in data.list" :key="item._id">
                <user-cell @tap="userDetail(item)" :user="item"></user-cell>
            </view>
        </view>

    </uc-page>
</template>

示例二: subheader refresh loadmore status

<template>
    <uc-page :title="data.title" :status="data.status" :subHeaderHeight="80" enableRefresh enableLoadMore
        :refresh="refresh" :loadMore="loadMore" :refreshing="data.refreshing" :more="data.more">
        <template #subHeader v-if="data.type==3">
            <view style="width: 100%;height: 40px;position: relative;">
                <uc-tab @clickAtIndex="clickAtIndex" :datas="data.tabs.items"></uc-tab>
            </view>
        </template>
        <view class="section">
            <view v-for="(item,index) in data.tabs.items[data.tabs.current].datas" :key="index">
                <user-cell :user="item"></user-cell>
            </view>
        </view>
    </uc-page>
    <view v-if="data.type==3" class="add" @click="addEvent">
        <uni-icons type="plusempty" color="#b60001" size="20"></uni-icons>
    </view>
</template>

隐私、权限声明

1. 本插件需要申请的系统权限列表:

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明:

插件不采集任何数据

3. 本插件是否包含广告,如包含需详细说明广告表达方式、展示频率:

许可协议

MIT协议

使用中有什么不明白的地方,就向插件作者提问吧~ 我要提问