uniapp 写快手小程序-第一坑样式

第一坑:按钮有边框线

抖音正常,快手有边线,实际是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": "我是快手名称"
                },
    },
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 开发工具 HBuilder-x[https://www.dcloud.io/hbuilderx.html]微信开发...
    渺渺空空阅读 3,193评论 0 0
  • uni-app的基本使用 课程介绍: 基础部分: 环境搭建 页面外观配置 数据绑定 uni-app的生命周期 组件...
    __Mr_Xie__阅读 1,473评论 0 1
  • uni-app的基本使用 课程介绍: 基础部分: 环境搭建 页面外观配置 数据绑定 uni-app的生命周期 组件...
    绿茵场上的码者阅读 46,463评论 1 21
  • 一、UniAPP 介绍 (1)什么是 UniAPP ? uni-app 是一个使用 Vue.js 开发所有前端应用...
    DaZenD阅读 1,558评论 0 1
  • uni-app 是一个使用 Vue.js 开发所有前端应用的框架,开发者编写一套代码,可发布到 iOS、Andro...
    水岸东方阅读 276评论 0 0