uniapp自定义Tabber让中间凸起
// #ifdef APP-PLUS
var sys = uni.getSystemInfoSync(); //获取系统信息
var ratio = sys.screenWidth/750; //计算比例
var imgSize = Math.ceil(ratio * 95); //图片的大小是95*95
var leftPos = Math.ceil((plus.screen.resolutionWidth - imgSize) / 2); //计算x轴的位置,也就是左边距
var centerButtonOnTab = new plus.nativeObj.View("", {
bottom: '28px',
left: leftPos + 'px',
height: imgSize + 'px',
width: imgSize +'px'
});
bitmap = new plus.nativeObj.Bitmap('bmp1');
bitmap.load('static/tabbar_report.png', function() {
//说是ios要用base64暂没确定
centerButtonOnTab.drawBitmap(bitmap, {
tag: 'font',
id: 'icon',
position: {
top: '0px',
left: '0px',
width: imgSize + 'px',
height: imgSize + 'px'
}
});
//给图片添加点击事件
centerButtonOnTab.addEventListener("click", function(e) {
uni.switchTab({
url: '../home/report'
})
}, false);
plus.webview.currentWebview().append(centerButtonOnTab);
}, function(e) {
//console.log('bmp1.png load failed! '+JSON.stringify(e));
});
// #endif
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
上次更新: 2023/09/22, 16:54:32