my.addIconsToNavigationBar
addIconsToNavigationBar
my.addIconsToNavigationBar là API để thêm icon vào navigation bar bên cạnh nút ba chấm nằm ngang (⋯) mở menu.

Quét mã để trải nghiệm
Xem code mẫu trên Tini StudioDemo
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 | Bắt buộc | Mô tả |
---|---|---|---|
icons | Array of objects | ✓ | Danh sách các icons thêm vào navigation bar. Hiển thị item đầu tiên. |
padding | number | Khoảng cách giữa các icons. | |
titleBarColor | HexColor | Màu nền của navigation bar. Đơn vị tính pixel. | |
success | Function | Callback function thi thêm icon khi thành công. | |
fail | Function | Callback function khi thêm icon bất thành. | |
complete | Function | Callback function khi hoàn tất tác vụ bất kể thành công hay thất bại. |
Các thuộc tính của icon
Thuộc tính | Kiểu dữ liệu | Bắt buộc | Mô tả |
---|---|---|---|
image | string | ✓ | Đường dẫn đến hình ảnh của icon. Có thể là remote link hoặc local. |
width | number | Chiều rộng của icon. Mặc định là 24px. | |
height | number | Chiều dài của icon. Mặc định là 24px. | |
badge | string | Nội dung của badge hiển thị trên icon. |
Sample Code
Page({
setNavigationBar(e) {
my.addIconsToNavigationBar({
icons: [
{
image: '/images/cart.png',
width: 25,
height: 25,
badge: `${this.data.quantity}`
}
],
padding: 10,
success: (res) => {
console.log(res);
},
fail: (res) => {
console.log(res);
}
});
}
});