uniapp归档

前端 uniapp 处理 iOS 下个推发送推送时，新增了角标，需要清除

function claerBadge(){ if(plus.os.name.toLowerCase() == ‘ios’){ //导入ios UIApplication var UIApplication = plus.ios.import(“UIApplication”); var app = UIApplication.sharedApplication(); //获取应用图标的数量 // var oldNum = app.applicationIconBadgeNumber(); // var newNum = oldNum – 1; //设置应用图标的数量 plus.runtime.setBadgeNumber(0); //导入个推原生类 var GeTuiSdk = plus.ios.importClass(‘GeTuiSdk’); GeTuiSdk.setBadge(0); } }

前端 uniapp 下原生检测通知栏，Android、iOS都支持

直接上代码，不多说了 // 原生检测 export default { /** * 检测通知栏 */ checkNotification:function(){ if(plus.os.name.toLowerCase() == ‘ios’){ this.checkIosNotification(); } else{ this.checkAndroidNotification(); } }, checkAndroidNotification:function(){ var main = plus.android.runtimeMainActivity(); var pkName = main.getPackageName(); var NotificationManagerCompat = plus.android.importClass(“android.support.v4.app.NotificationManagerCompat”); var packageNames = NotificationManagerCompat.from(main); if (packageNames…

前端 uniapp 里面用 event bus 传递消息

// main.js 文件 // 全局 event bus Vue.prototype.$eventHub = new Vue(); // a.js 接收参数的文件 _self = this // 监听全局 event bus this.$eventHub.$on(‘mobileBack’,function(_data){ _self.phoneno = _data; }); // b.js 发送参数的文件 // 发送全局消息 this.$eventHub.$emit(‘mobileBack’,’66666′);

前端 在uniapp中使用fly.js精简版实例，某朋友教我的

// ajax var Fly = require(‘./plugins/tools/fly.js’); var fly = new Fly //添加请求拦截器 fly.interceptors.request.use((config,promise)=>{ if (!config.body.noLoading) { // #ifndef APP-PLUS uni.showLoading({ // title:’loading…’, mask: false }) // #endif // #ifdef APP-PLUS plus.nativeUI.showWaiting(”); // #endif } return config; }) //添加响应拦截器，响应拦截器会在then/catch处理之前执行 fly.interceptors.response.use( (response,promise) => { //只将请求结果的data字段返回 // #ifndef APP-PLUS uni.hideLoading() // #endif // #ifdef APP…

前端 uniapp 下设置全局变量小技巧

直接上代码 // 挂载 Vue.prototype // 示例如下： // 在 main.js 中挂载属性/方法 Vue.prototype.websiteUrl = ‘http://uniapp.dcloud.io’; Vue.prototype.now = Date.now || function () { return new Date().getTime(); }; Vue.prototype.isArray = Array.isArray || function (obj) { return obj instanceof Array; }; 然后在 pages/index/index.vue 中调用 <script> export default { data() { return {}; }, onLoad(){ console.log(‘now:’ + this.now()); }, methods: { } } </script> 这种方式，只需要在 main.js 中定义好即可在每个页面中直接调用。 Tips 每个页面中不要在出现重复的属性或方…

前端 uniapp 适配刘海屏小技巧

var(–status-bar-height) 此变量在微信小程序环境为固定 25px，在 5+App 里为手机实际状态栏高度。当设置 “navigationStyle”:”custom” 取消原生导航栏后，由于窗体为沉浸式，占据了状态栏位置。此时可以使用一个高度为 var(–status-bar-height) 的 view 放在页面顶部，避免页面内容出现在状态栏。由于在H5端，不存在原生导航栏和tabbar，也是前端div模拟。如果设置了一个固定位置的居底view，在小程序和App端是在tabbar上方，但在H5端会与tabbar重叠。此时可使用–window-bottom，不管在哪个端，都是固定在tabbar上方。 <template> <view> <view class=”status_bar”> <!– 这里是状态栏 –> </view> <view> 状态栏下的文字 </view> </view> </template> <style> ….