更新记录

1.0.1（2023-07-28） 下载此版本

调整未传ownStyle带来的报错：Invalid default value for prop "ownStyle": Props with type Object/Array must use a factory function to return the default value.

1.0.0（2022-05-31） 下载此版本

• 首次更新

平台兼容性

uni-app

其他

yile-breadcrumb 面包屑

说明

面包屑导航，目的是为了帮助你追溯来路，让用户了解当前所处位置，以及当前页面在整个网站中的位置。

属性

nav格式如下

nav: [{
        value: '首页',       //名称
        url: '',             //链接
        type: 'navigateTo',  //跳转方式
        isActive: true       //选中状态
    }, {
        value: '在线客服',
        url: '',
        type: 'redirectTo'
    }, {
        value: '反馈中心',
        url: '',
        type: 'reLaunch'
    }, {
        value: '个人中心',
        url: '',
        type: 'switchTab'
    }]

调用

1. 基础

   <template>
   <yile-breadcrumb :nav="nav"></yile-breadcrumb>
   </template>

2. 颜色

   <template>
   <yile-breadcrumb :nav="nav" color="#999999"></yile-breadcrumb>
   </template>

3. 自定义分隔符

   <template>
   <yile-breadcrumb :nav="nav" separator=">"></yile-breadcrumb>
   </template>

4. 选中字体颜色

   <template>
   <yile-breadcrumb :nav="nav" actColor="#ff0000"></yile-breadcrumb>
   </template>

5. 字体大小

   <template>
   <yile-breadcrumb :nav="nav" size="16"></yile-breadcrumb>
   </template>

6. 距离上一元素距离

   <template>
   <yile-breadcrumb :nav="nav" marginTop="20"></yile-breadcrumb>
   </template>