主题网站策划设计书_设计专业笔记本电脑推荐_怎么弄一个网站_seo管理软件

一、background-image 大图不显示的问题

解决方法：

1、使用网络地址；2、使用 base64

urlTobase64(filePath) {// #ifdef MP-WEIXINlet img = `${filePath}`,imgBase64 = wx.getFileSystemManager().readFileSync(img, "base64"),base64Url = `data:image/png;base64,${imgBase64}`;console.log("data:image/png;base64", "图片转换成功");return base64Url// #endif
},

<!-- #ifdef MP-WEIXIN -->
<view class="inner-box" :style="{backgroundImage:`url(${$utils.urlTobase64('/static/image/top.png')})`}">
<!-- #endif --><!-- #ifdef APP --><view class="inner-box"><!-- #endif --></view>.inner-box {background-image: url('/static/image/top.png');}

二、uni.$ emit() uni.$on() 不生效

解决方法：

放到 onReady() 方法里 ，onLoad() 方法 监听不到

三、高德定位

解决方法：

高德微信小程序SDK amap-wx.130.js下载地址

import amapWX from '../utils/amap-wx.130.js'
let utils = {getAmapWXLocation() {// #ifdef MP-WEIXINreturn new Promise((resolve, reject) => {const amapPlugin = new amapWX.AMapWX({key: '9a000f67903479b1f49cc05c59057108'});amapPlugin.getRegeo({success: (res) => {let data = res[0]console.log('定位成功', data)let position = {longitude: data.longitude,latitude: data.latitude,address: data.regeocodeData.formatted_address,}console.log('position: ', position);resolve(position)},fail(err) {reject(err)console.log('定位失败', err)}});})// #endif}
}
export default utils;

调用

getLocationInfo() {// #ifdef MP-WEIXINthis.$utils.getAmapWXLocation().then(loc => {this.sLatitude = loc.latitude;this.sLongitude = loc.longitude;this.sLocation = loc.address;console.log('loc: ', loc);})// #endif
}

四、image 无法加载

分析问题所在：/pages/template/undefined/，路径有问题；
因为 $imgBaseUrl 这个路径 是写在 main.js 里边的

 <image :src="`${$imgBaseUrl}${img}`">

解决方法

export default {data() {return {imgBaseUrl: this.$imgBaseUrl,}}
}<image :src="`${imgBaseUrl}`">