更新记录

1.0.0(2023-03-17) 下载此版本


平台兼容性

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

yt-navbar

插件地址:

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

  • 作者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协议

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