更新记录
1.0.11(2024-05-17)
下载此版本
新增卡槽功能
1.0.10(2023-01-31)
下载此版本
背景图片调整
1.0.9(2023-01-31)
下载此版本
更新
查看更多
平台兼容性
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>