更新记录

1.0(2022-09-22)

1、这是响应式导航栏第一版,后期会不定期更新。


平台兼容性

Vue2 Vue3
×
App 快应用 微信小程序 支付宝小程序 百度小程序 字节小程序 QQ小程序
HBuilderX 3.4.18 app-vue × × × × × ×
钉钉小程序 快手小程序 飞书小程序 京东小程序
× × × ×
H5-Safari Android Browser 微信浏览器(Android) QQ浏览器(Android) Chrome IE Edge Firefox PC-Safari
× ×

关于yz-navbar插件的使用说明

1、依赖环境:

使用该插件前,请你确保你已经安装了uniapp官方的扩展插件:uni-iconsuni-nav-bar以及官方scss/sass编译插件。

安装地址:

uni-icons:https://uniapp.dcloud.net.cn/component/uniui/uni-icons.html

uni-nav-bar:https://uniapp.dcloud.net.cn/component/uniui/uni-nav-bar.html

scss/sass编译:https://ext.dcloud.net.cn/plugin?name=compile-node-sass

2、本插件使用方法

使用示例:

<template>
    <view>
        <!-- 顶部导航栏  nowPath为当前页面的路径 -->
            <navBar nowPath="/pages/index/index" appname="响应式导航栏"></navBar> 
    </view>
</template>

<script>
    //导入组件模块
    import navBar from '../../components/navBar.vue'
    export default {
        components:{
            navBar    //注册组件
        },
        data() {
            return {

            }
        },
        onLoad() {

        },
        methods: {

        }
    }
</script>

<style lang="scss">

</style>

相关解释说明:

关键词 解析
nowPath 当前页面的路径
appname 当前页面为手机版页面时的页面名称
navlist 导航栏内容,非必传值。为数组格式,详情可在组件内部进行修改与查看

3、声明

1、本组件为个人开发者开发,个人技术水平有限,欢迎体验。不喜勿喷哦!

2、本组件为MIT协议。

隐私、权限声明

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

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

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

许可协议

MIT协议

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