更新记录
1.0.0(2023-03-17)
下载此版本
无
平台兼容性
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讨论群:
若能帮到你请高抬贵手点亮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: {
}
}
温馨提示
- 文件上传
- 如说明表达还不够清楚,不清楚怎么使用可导入完整示例项目运行体验和查看
- 欢迎加入QQ讨论群:906392632(已满)
- 若能帮到你还请点亮5颗小星星以作鼓励哈~
- 若能帮到你还请点亮5颗小星星以作鼓励哈~
- 若能帮到你还请点亮5颗小星星以作鼓励哈~