my.setNavigationBar
setNavigationBar
Cập nhật lần cuối vào
my.setNavigationBar
là API để set style cho Navigation Bar
Quét mã để trải nghiệm
Hoặc sử dụng link
https://tiki.vn/apps/vn.tiki.miniapp.demo?page=pages/api/navigation-bar/set-navigation-bar/index
Xem code mẫu trên Tini Studiohttps://tiki.vn/apps/vn.tiki.miniapp.demo?page=pages/api/navigation-bar/set-navigation-bar/index
Demo
Trải nghiệm thử với trình giả lập bên dưới
API Params
Thuộc tính | Kiểu dữ liệu | Mô tả |
---|---|---|
title | string | Tiêu đề của Navigation Bar |
image | string | Image URL được sử dụng để render trên title. Khi image được set thì title sẽ không còn hiệu lực |
titleBarColor | HexColor | Background color của Navigation Bar |
borderBottomColor | HexColor | Nếu backgroundColor được set, thì borderBottomColor sẽ luôn nhận giá trị bằng backgroundColor |
reset | Boolean | Reset về titleBarColor và borderBottomColor về màu mặc định |
success | Function | Callback function khi thành công. |
fail | Function | Callback function khi thất bại. |
complete | Function | Callback function khi hoàn tất tác vụ cho dù thành công hay thất bại. |
Sample Code
Page({
setNavigationBar(e) {
var title = e.detail.value.title;
var backgroundColor = e.detail.value.backgroundColor;
var borderBottomColor = e.detail.value.borderBottomColor;
var image = e.detail.value.image;
console.log(title);
my.setNavigationBar({
title,
backgroundColor,
borderBottomColor,
image
});
},
resetNavigationBar() {
my.setNavigationBar({
reset: true,
title: 'Navigation Bar'
});
}
});