更新记录

1.0.11(2024-05-17) 下载此版本

新增卡槽功能

1.0.10(2023-01-31) 下载此版本

背景图片调整

1.0.9(2023-01-31) 下载此版本

更新

查看更多

平台兼容性

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

telly-nav-bar

index.vue 传入想要设置的图片

<template>
    <view>
        <view id="navigatorBar">
            <telly-nav-bar :showLeft="false" :titleText="title" :imageURL="imageURL"></telly-nav-bar>
        </view>
        <view class="" style="background-image: url('~@/static/titlebg.jpg');">
            telly-nav-bar 自定义导航栏 可设导航栏背景图片1 传入想要设置的图片
            <view style="color: #3cafff;" @click="nextPage">下一个页面</view>
        </view>
    </view>
</template>

<script>
    export default {
        data() {
            return {
                title: 'telly-nav-bar',
                imageURL: "https://img1.baidu.com/it/u=1688680882,2943600730&fm=253&fmt=auto&app=138&f=JPEG?w=658&h=362"
            }
        },
        onLoad() {

        },
        methods: {
            nextPage() {
                uni.navigateTo({
                    url: 'demo'
                })
            }
        }
    }
</script>

demo.vue 使用插件中默认图片(可在插件中更改)

<template>
    <view>
        <view id="navigatorBar">
            <telly-nav-bar :showLeft="true" leftIcon="back" :titleText="title"></telly-nav-bar>
        </view>
        <view class="">
            页面二 ,telly-nav-bar 自定义导航栏 可设导航栏背景图片 使用组件中默认图片(可在插件中更改)
        </view>
    </view>
</template>

<script>
    export default {
        data() {
            return {
                title: "页面二" 
            }
        },
        methods: { 
        }
    }
</script>

<style>

</style>

隐私、权限声明

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

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

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

许可协议

MIT协议

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