直接上代码了，vue3 setup 模式下 需要额外写一个script <script> export default { options: { styleIsolation: 'shared' } } </script> styleIsolation 可选项 isolated 表示启用样式隔离，在自定义组件内外，使用 class 指定的样式将不会相互影响（一般情况下的默认值） apply-shared 表示页面 wxss 样式将影响到自定义组件，但自定义组件 wxss 中指定的样式不会影响页面 shared 表示页面 wxss 样式将影响到自定义组件，自定义组件 wxss 中指定的样式也会影响页面和其他设置了 apply-shared 或 shared 的自定义组件。（这个选项在插件中不可用。）

这是因为jdk版本太高了，可以调低版本 可以尝试 JDK 1.8

const downPic = async (url: string, fileName: string) => { // 判断文件是否存在 const isExist = () => { return new Promise((resolve, reject) => { plus.io.resolveLocalFileSystemURL( `_downloads/${fileName}`, function (entry) { // 文件存在 console.log(`File exists: ${entry.name}`); resolve(entry); }, function (e) { // 文件不存在 console.log(`File not found: ${e.message}`); resolve(false); } ); }); }; const file = await isExist(); if (file) { return new Promise((resolve, reject) => { resolve({ filename: …

直接上代码 // 这里有三个状态 prerender，visible 和 hidden let pageVisibleStatus = document.visibilityState; // 监听页面状态 document.addEventListener('visibilitychange', function() { // 页面状态变化为不可见时触发 if (document.visibilityState == 'hidden') { … } // 页面状态变化为可见时触发 if (document.visibilityState == 'visible') { … } } );

直接上代码了，写在 package.json 文件里面 "uni-app": { "scripts": { "h5-dev": { "title": "H5-DEV", "env": { "NODE_ENV": "development", "UNI_PLATFORM": "h5", "VUE_APP_BASE_API": "dev-api-url" }, "define": { "H5": true } }, "h5-sit": { "title": "H5-SIT", "env": { "NODE_ENV": "production", "UNI_PLATFORM": …

缘由 近日使用uniapp开发微信公众号H5站点，发现首次进入时iPhone x等有刘海屏的会有遮挡，通过查找资料，有个小技巧简单处理 解决办法 // 在 methods 编写下面方法 pushHistory() { var state1 = { title: title, url: '#/' }; window.history.pushState(state1, title, '#/'); } // 在 onLoad 时执行 this.pushHistory()

问题：内网穿透只返回304，invalid host header 原因：新版的webpack-dev-server出于安全考虑，默认检查hostname，如果hostname不是配置内的，将中断访问。 uniapp处理方法 用源码模式打开 manifest.json 文件，修改 h5 下的 devServer 在它下面增加 “disableHostCheck” : true vue-cli 2.x版本处理方法 打开 webpack.dev.conf.js 文件，找到 devServer 对象，增加 disableHostCheck : true vue-cli 3.x版本处理方法 打开 vue.config.js 找到 devServer 对象，增加 disableHostCheck : true

1.封装wechat.js文件 export default { //判断是否在微信中 isWechat:function(){ var ua = window.navigator.userAgent.toLowerCase(); if(ua.match(/micromessenger/i) == ‘micromessenger’){ return true; }else{ return false; } }, pay:function(data,cb){ function onBridgeReady() { WeixinJSBridge.invoke(‘getBrandWCPayRequest’,data, function(res) { // alert(JSON.stringify(res)) cb(res) }) } if  (typeof WeixinJSBridge == “undefined”) { if ( document.addEventListener ) { document.addEventListener(‘Weixi…

1.新建微信分享的封装wechat.js文件 import fetch from ‘@/common/request.js’ // 我自己的请求封装，可以引用自己的 var jweixin = require(‘jweixin-module’); export default { //判断是否在微信中 isWechat:function(){ var ua = window.navigator.userAgent.toLowerCase(); if(ua.match(/micromessenger/i) == ‘micromessenger’){ return true; }else{ return false; } }, //初始化sdk配置 initJssdk:function(callback ,url){ //服务端进行签名 ，可使用uni.request替换。 签名算法请看文档 fetch.request(‘{后端处理jssdk签名地址}’,{url:url}).then(data => { console.log(‘initJssdk’,data) if(data){…

早期H5版本存在问题，现在只需要把HX升级到最新版本（2.2）以上即可 main.js 文件 Vue.mixin({ data(){ return { xxx:’test’ } }, onLoad(){ }, onShow(){ }, })

在列表页很长的时候，界面上面有筛选条件，考虑到如果用户把界面拉到下面，改变筛选条件的话界面会一直在下面，所以会主动使用 uni.pageScrollTo 让界面滚动到顶部 原来使用的代码 uni.pageScrollTo({ scrollTop: 0, duration: 300 // 设置300毫秒动画时间 }); 经过测试发现，设置的这个动画时间造成界面抖动，后改成下面代码，抖动消失 uni.pageScrollTo({ scrollTop: 0, duration: 0 });

<template> <view class=”grace-margin”> <form @submit=”formSubmit” class=”grace-form” style=”margin-top:25px;”> <view class=”grace-items”> <view class=”grace-label”>归属地区</view> <view class=”other”> <picker @change=”bindPickerChange” :value=”index” @tap=”dunweiBlur” :range=”carAscription” name=”ascription”> <view class=”picker-inner”> <view class=”picker-select-text”> 请选择 </view> <text></text> </view> </picker&g…

pages.json 文件 里面进来不要用（globalStyle）来设置下拉刷新 （app-plus -》 pullToRefresh）否则会导致全部页面在iOS下都会开启下拉刷新 “globalStyle”: { “navigationBarTextStyle”: “black”, “navigationBarTitleText”: “APP”, “navigationBarBackgroundColor”: “#ffc300”, “backgroundColor”: “#F8F8F8”, “app-plus”:{ “pullToRefresh”:{ “style”:”circle” } } } 而是应该为每个页面针对性设置 { “path” : “pages/public/forget”, “style” : { “navigationBarTitleText”: “找回密码”, “app-plus”:{ “pullToRefresh”:{ “support”:true, “style”:”circle” } } } },

热更新会自动安装 整包更新会自动打开指定地址 // #ifdef APP-PLUS // 锁定屏幕方向 plus.screen.lockOrientation(‘portrait-primary’); //锁定 // 检测升级 uni.request({ url: _self.gConfig.baseUrl + ‘update’, method: ‘POST’, data: { version: _self.$currentVersion, uniVersion: plus.runtime.uniVersion, // uni-app的基座版本号 os: plus.os.name, appid: plus.runtime.appid, uuid:plus.device.uuid }, success: (result) => { var data = result.data; if (data.update && data.wgtUrl) { uni.downloadFile({ url: data.wgtUrl, success: (downloadResult…

// #ifdef APP-PLUS const _handlePush = function(message) { let payload = message.payload; if (‘string’ === typeof payload) { payload = JSON.parse(payload) } try { // 处理 刷新 if (payload.type) { chuliRefresh(_self, payload.type); } // 处理 跳转 if (payload.action) { // 跳转 chuliRoute(_self,payload.action,payload.data); } } catch (e) { //TODO handle the exception console.log(e); } }; plus.push.addEventListener(‘click’, function(message) { // plus.nativeUI.toast(‘push click’); // 清除系统通知栏 plus.push.clear()…