第一坑：按钮有边框线
抖音正常，快手有边线，实际是box-shadow问题，改一下吧
box-shadow: none;
快手不支持rpx、em，抖音兼容好一点
平台代码区分
头条app
html：
js：
// #ifdef MP-TOUTIAO
// #endif
css
/* #ifdef MP-TOUTIAO /
/ #endif /
快手app
html：
js：
// #ifdef MP-KUAISHOU
// #endif
css
/ #ifdef MP-KUAISHOU /
/ #endif */
接口编译配置
package.json
//头条测试环境
"mp-kuaishou-dev": {
"title": "快手build:dev",
"env": {
"UNI_PLATFORM": "mp-kuaishou",
"H_NODE_ENV": "development",
"VUE_APP_API_URL": "https://XXX",
"IMAGE_URL": "https://XXX"
}
},
//头条正式环境
"mp-toutiao-pro": {
"title": "头条build:pro",
"env": {
"UNI_PLATFORM": "mp-toutiao",
"H_NODE_ENV": "production",
"VUE_APP_API_URL": "https://XXX",
"IMAGE_URL": "https://XXX"
}
},
//头快手正式环境
"mp-kuaishou-pro": {
"title": "快手build:pro",
"env": {
"UNI_PLATFORM": "mp-kuaishou",
"H_NODE_ENV": "production",
"VUE_APP_API_URL": "https://XXX",
"IMAGE_URL": "https://XXX"
}
},
配置平台不同名称
同一项目，名称不同，打开pages.json，搜索globalStyle
"globalStyle": {
"pageOrientation": "portrait",
"navigationBarTitleText": "我是默认名称",
"navigationBarTextStyle": "black",
"navigationBarBackgroundColor": "#ffffff",
"backgroundColor": "#F8F8F8",
"backgroundColorTop": "#F4F5F6",
"backgroundColorBottom": "#F4F5F6",
"mp-kuaishou": {
"navigationBarTitleText": "我是快手名称"
},
},
