微信小程序常见的问题
一、小程序自定义头部问题
1.自定义头部见代码：
在app.json中加入
"window": {
"backgroundTextStyle": "light",
"navigationBarBackgroundColor": "#fff",
"navigationBarTitleText": "xxx",
"navigationBarTextStyle": "black",
"navigationStyle": "custom"
},
"tabBar": {
"color": "#888888",
"selectedColor": "#007AFF",
"list": [
{
"pagePath": "pages/index/index",
"text": "首页",
"iconPath": "images/home.png",
"selectedIconPath": "images/homeact.png"
},
{
"pagePath": "pages/calltpolice/calltpolice",
"text": "告警",
"iconPath": "images/calltpolice.png",
"selectedIconPath": "images/calltpoliceact.png"
},
{
"pagePath": "pages/location/location",
"text": "信息",
"iconPath": "images/location.png",
"selectedIconPath": "images/locationact.png"
},
{
"pagePath": "pages/mine/mine",
"text": "我的",
"iconPath": "images/mime.png",
"selectedIconPath": "images/mimeact.png"
}
]
},
2.每个页面采用组件头部或者自写头部都可以
二、小程序审核问题
1.小程序审核一般是1~7天，加急审核一年一次
2.审核注意有密码提交必须写
3.审核有视频必须是企业号，个人号不支持视频
三、小程序新版本发布查看仍是历史版本
1.在app.js中加入以下代码
onLaunch: function () {
const updateManager = wx.getUpdateManager()
updateManager.onCheckForUpdate(function (res) {
// 请求完新版本信息的回调
console.log(res.hasUpdate)
})
updateManager.onUpdateReady(function () {
wx.showModal({
title: '更新提示',
content: '新版本已经准备好，是否重启应用？',
success: function (res) {
if (res.confirm) {
// 新的版本已经下载好，调用 applyUpdate 应用新版本并重启
updateManager.applyUpdate()
}
}
})
})
updateManager.onUpdateFailed(function () {
// 新版本下载失败
})
}
2.注意提交代码版本号与上次必须不同，即可更新
四、小程序中事件问题触发
1.图片、文字使用bindtap="Click"
<!-- 点击事件 bindtap 会有冒泡事件 catchtap 不会有冒泡事件 -->
bindtap catchtap
<!--长按事件 -->
bindlongtap
<!-- 触摸开始 -->
bindtouchstart
<!-- 触摸结束 -->
bindtouchend
五、小程序登录存储问题
1.在app.js全局中加入
App({
onLaunch: function () {
// 展示本地存储能力
if (wx.getStorageSync('userinfo')) {
wx.switchTab({
url: 'pages/index/index'
})
} else {
wx.reLaunch({
url: 'pages/login/login'
})
}
},
globalData: {
userInfo: null
}
})
六、一个邮箱可以注册几个小程序？个人、个体工商户和企业分别可以注册几个小程序？
1.同一个邮箱只能申请注册1个小程序
2.个人和个体工商户可以注册5个小程序
3.企业资质可以注册50个小程序
温馨提示：目前支持中国内地手机号码、身份证、营业执照、组织机构代码（不包括港澳台），其它国家暂不支持。
七、定位问题
1.定位采用微信定位地图，以真机运行为准
在app.json中加入
"permission": {
"scope.userLocation": {
"desc": "你的位置信息将用于小程序位置接口的效果展示"
}
}
2.页面加入
<map class="map" longitude='{{longitude}}' latitude='{{latitude}}' scale='{{scale}}' markers='{{markers}}' show-location />
3.逻辑部分
data: {
latitude: "",
longitude: "",
scale: 14,
markers: []
},
onLoad: function (options) {
var that = this
wx.getLocation({
type: 'wgs84',
success: function (res) {
console.log("经度", res.longitude)
var lon = res.longitude
var lat = res.latitude
console.log("纬度", res.latitude)
that.setData({
longitude: lon,
latitude: lat,
markers: [{
iconPath: "http://zhll.evennet.cn/appImages/images/locationmarks.png",
id: 1,
latitude: 34.213931,
longitude: 108.8800,
width: 30,
height: 30
},
{
iconPath: "http://zhll.evennet.cn/appImages/images/locationmarks.png",
id: 2,
latitude: 34.213928,
longitude: 108.8801,
width: 30,
height: 30
},
{
iconPath: "http://zhll.evennet.cn/appImages/images/locationmarks.png",
id: 3,
latitude: 34.213930,
longitude: 108.8808,
width: 30,
height: 30
},
{
iconPath: "http://zhll.evennet.cn/appImages/images/locationmarks.png",
id: 4,
latitude: 34.213926,
longitude: 108.8803,
width: 30,
height: 30
},
{
iconPath: "http://zhll.evennet.cn/appImages/images/locationmarks.png",
id: 5,
latitude: 34.213924,
longitude: 108.8807,
width: 30,
height: 30
}
]
})
}
})
},
/**
* 生命周期函数--监听页面初次渲染完成
*/
onReady: function (e) {
this.mapCtx = wx.createMapContext('map')
},
八、小程序视频问题
1.小程序中存在视频必须申请企业号方可，建议线上地址
九、小程序echarts问题
1.在弹窗的echarts样式混乱，显示不正常问题
添加如下代码正常：
const chart = echarts.init(canvas, null, {
width: 380,
height: 350,
devicePixelRatio: dpr // 像素
});
canvas.setChart(chart);
十、小程序图片问题，总结
1.小程序图片大多采用在线地址以减小项目大小
注意：自定义tabBar图片必须使用本地地址
