更新记录

1.0.0（2023-03-17） 下载此版本

无

平台兼容性

uni-app

Vue2 Vue3 Chrome Safari app-vue app-nvue Android iOS 鸿蒙
√ √ √ √ √ √ - - -
微信小程序 支付宝小程序 抖音小程序 百度小程序 快手小程序 京东小程序 鸿蒙元服务 QQ小程序 飞书小程序 小红书小程序 快应用-华为 快应用-联盟
√ - - - - - - √ - - - -

其他

多语言 暗黑模式 宽屏模式 蒸汽模式
× × √ ×

yt-navbar

插件地址：

使用插件有任何问题欢迎加入QQ讨论群：

  • 作者***：906392632（未满）

若能帮到你请高抬贵手点亮5颗星~

重要提示

使用说明

属性 是否必填 值类型 默认值 说明
backgroubd 否 String rgba(44,139,248,1) 导航背景色
navTitle 否 String 标题名称
isSlot 否 Boolean false 是否启用自定义插槽
isAdd 否 Boolean false 是否启用右侧加号
disabled 否 Boolean false 是否禁用搜索框
isAddImg 否 Boolean true 添加图片的添加(M)
isSearch 否 Boolean false 是否使用默认搜索框
navTitleColor 否 String #ffffff 导航栏标题颜色
backColor 否 String #161719 返回图标颜色
serchBackground 否 String #ffffff 搜索框背景色
pclStyle 否 String font-size: 28rpx;color: #989DA6; input提示语样式
inputStyle 否 String font-size: 28rpx;color: #333333; input输入字体样式
position 否 Boolean false true内容不会贯穿导航；false固定定位，内容贯穿导航

以下演示为vue窗口使用方式，如不清楚可点击右侧导入示例项目有详细演示代码。

vue:

<yt-navbar 
:navTitle='navTitle' 
:navTitleColor="navTitleColor" 
:isOpacity='true' 
:backColor="backColor"
:isAdd="false" 
:position="false" 
@clickLeft="clickLeft" 
:maxBac="maxBac">
</yt-navbar>
  • 函数说明
export default {
    data() {
        return {
            navTitle: "新增进度",
            navTitleColor: "#ffffff",
            backgroundColor: "rgba(0,0,0,0)",
            backColor: "#ffffff",
            maxBac: "rgba(0,0,0,0)",
        }
    },
    onReady() {

    },
    methods: {

    }
}

温馨提示

  • 文件上传
    1. 如说明表达还不够清楚，不清楚怎么使用可导入完整示例项目运行体验和查看
    2. 欢迎加入QQ讨论群：906392632(已满)
    3. 若能帮到你还请点亮5颗小星星以作鼓励哈~
    4. 若能帮到你还请点亮5颗小星星以作鼓励哈~
    5. 若能帮到你还请点亮5颗小星星以作鼓励哈~

隐私、权限声明

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

无

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

无

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

无

许可协议

MIT协议
评论列表 撰写评论 向官方投诉
加载更多...