微信小程序转换为支付宝小程序

2019-11-27  本文已影响0人  依然_8deb

1、前往https://code.visualstudio.com/download 下载 VS code
2、启动 VS code 并选择『扩展』,搜索 “小程序助手”并安装

image.png
3、用VSCode环境打开 微信小程序,快捷键ctrl+shiift+p,输入命令:wx2my。(或者在项目里面找到 app.json,右击app.json文件,有一个wx2my 的选项,点击就可 )
注意:转换的文件需要手动在文件夹根目录下添加一个文件:Behavior.js
const wx2my = require('./wx2my');
const Behavior = require('./Behavior');

// Create by wx2my.

module.exports = function Behavior(obj) {
const keyMap = {
properties: 'props',
created: 'onInit',
attached: 'didMount',
detached: 'didUnmount'
};

Object.keys(keyMap).forEach(key => {
if (Object.prototype.hasOwnProperty.call(obj, key)) {
obj[keyMap[key]] = obj[key];
delete obj[key];
}
}); 

// if exist lifetimes replace others.
if (obj.lifetimes) {
const keyMap = {
created: 'onInit',
attached: 'didMount',
detached: 'didUnmount'
};

const lifetimesObj = obj.lifetimes;
Object.keys(keyMap).forEach(key => {
if (Object.prototype.hasOwnProperty.call(lifetimesObj, key)) {
obj[keyMap[key]] = lifetimesObj[key];
}
});
delete obj.lifetimes;
}
return obj;
};

注意需要修改的:
1、// var date = require('utils/dateextend.js');
import date from './utils/dateextend.js'; 在相对路径前面需要加: ./
2、在微信小程序里面的字体大小 跟支付宝里面的不一样,例如:微信里面的字体大小时 0.9rem 是正常的,但是在支付宝里面会变的非常大。需要设置到 0.3rem ,那样就可以正常。
3、在微信里面使用 height时 是:height:100% 但是在支付宝里面就会显示不出来,需要在后面加一个 height:100% !important

上一篇 下一篇

猜你喜欢

热点阅读