uni-app底部凸起实现
uni-app 2019-05-05 16:15:18

1、uni-app底部凸起实现(不支持小程序)

git中缺少一步转换为base64,可以参照第二个官方插件市场的

https://github.com/xiaotimo/uni-app-tabbar

 

 

2、官方插件市场(同样,只支持APP)

子页面隐藏凸起图标

https://ext.dcloud.net.cn/plugin?id=251

 

 

在线将图片转换为base64:

http://imgbase64.duoshitong.com/

 

XML/HTML Code复制内容到剪贴板
  1. <script>  
  2.     var bitmap = null;  
  3.     export default{  
  4.         onShow() {  
  5.             // #ifdef APP-PLUS  
  6.             var icon = plus.nativeObj.View.getViewById("icon");  
  7.             if (icon) {  
  8.                 icon.show();  
  9.             }  
  10.             // #endif  
  11.         },  
  12.         onLoad(event) {  
  13.               
  14.             // #ifdef APP-PLUS  
  15.             // 底部图标凸起,以下代码只会在5+App 环境下生效  
  16.             bitmap = new plus.nativeObj.Bitmap('bmp1');  
  17.             //ios需要将图片转为base64才能显示出来  
  18.             bitmap.loadBase64Data('data:image/png;base64,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', function() {}, function(e) {});  
  19.             this.createtab();  
  20.             // #endif  
  21.         },  
  22.         methods:{  
  23.             createtab: function(){  
  24.                 // 设置水平居中位置  
  25.                 var leftPos = Math.ceil((plus.screen.resolutionWidth - 60) / 2);  
  26.                 var view = new plus.nativeObj.View('icon', {  
  27.                     bottom: '19px',  
  28.                     left: leftPos + 'px',  
  29.                     width: '60px',  
  30.                     height: '60px'  
  31.                 });  
  32.                 view.drawBitmap(bitmap, {  
  33.                     tag: 'font',  
  34.                     id: 'icon',  
  35.                     src: '/static/app-tabber/app-tabber.png',  
  36.                     position: {  
  37.                         top: '0px',  
  38.                         left: '5px',  
  39.                         width: '50px',  
  40.                         height: '100%'  
  41.                     }  
  42.                 });  
  43.                 // 凸起按钮点击事件,可以加弹出层  
  44.                 view.addEventListener("click", function(e) {  
  45.                     uni.switchTab({  
  46.                         url: '/pages/shortcut/shortcut'  
  47.                     })  
  48.                 }, false);  
  49.                 view.show();  
  50.             },  
  51.               
  52.         }  
  53.     }  
  54. </script>  

 

本文来自于:http://www.yoyo88.cn/study/uniapp/436.html

Powered by yoyo苏ICP备15045725号