更新记录

0.1.2（2022-06-08） 下载此版本

• 修复 微信小程序 separator 不显示问题

0.1.1（2022-06-02） 下载此版本

• 新增 支持 uni.scss 修改颜色

0.1.0（2022-04-22） 下载此版本

• 初始化

平台兼容性

uni-app(4.05)

breadcrumb 面包屑导航

组件名：uni-breadcrumb 代码块： ubreadcrumb

显示当前页面的路径，快速返回之前的任意页面。

安装方式

本组件符合easycom规范，HBuilderX 2.5.5起，只需将本组件导入项目，在页面template中即可直接使用，无需在页面中import和注册components。

如需通过npm方式使用uni-ui组件，另见文档：https://ext.dcloud.net.cn/plugin?id=55

基本用法

在 template 中使用组件

<uni-breadcrumb separator="/">
    <uni-breadcrumb-item v-for="(route,index) in routes" :key="index" :to="route.to">{{route.name}}</uni-breadcrumb-item>
</uni-breadcrumb>

export default {
        name: "uni-stat-breadcrumb",
        data() {
            return {
                routes: [{
                    to: '/A',
                    name: 'A页面'
                }, {
                    to: '/B',
                    name: 'B页面'
                }, {
                    to: '/C',
                    name: 'C页面'
                }]
            };
        }
    }

API

Breadcrumb Props

Breadcrumb Item Props

组件示例

点击查看：https://hellouniapp.dcloud.net.cn/pages/extUI/breadcrumb/breadcrumb