uniapp 配置自定义发行

在项目的根目录创建package.json文件,内容如下,注意复制下面代码,要去掉注释

{
  	"uni-app": {
  		"scripts": {
  			"test-platform": {  // 扩展配置  这里可自己定义名称
  				"title": "测试服务器",   // 标题, 会出现在 运行-->  测试服务器, 和  发行--->自定义 中
  				"BROWSER": "Edge", // 运行到的目标浏览器,仅当UNI_PLATFORM为h5时有效
  				"env": {  // 环境变量
  					"UNI_PLATFORM": "h5",  // 基准平台
  				},
  				"define": { // 自定义条件编译
  					"TEST-SERVER": true  // 自定义条件编译常量,建议为大写
  				}
  			},
			"h5-weixin": { 
				"title":"微信服务号",
				"BROWSER":"Edge",  
				"env": {
					"UNI_PLATFORM": "h5"  
				 },
				"define": { 
					"H5-WEIXIN": true 
				}
			}
  		}
  	}
  }

效果如下图 (发行、运行)
在这里插入图片描述
在这里插入图片描述
使用方式

<!-- #ifdef PRODUCT-SERVER -->
	PRODUCT-SERVER
	<!-- #endif -->
	<!-- #ifdef TEST-SERVER -->
	TEST-SERVER
	<!-- #endif -->
	<!-- #ifdef H5-WEIXIN -->
	H5-WEIXIN
	<!-- #endif -->

发行效果
在这里插入图片描述

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
UniApp是一种基于Vue.js的跨平台开发框架,可以用于同时开发iOS、Android和Web应用程序。UniApp提供了徽标自定义的功能,可以通过以下步骤进行设置: 1. 在UniApp项目的根目录下找到`manifest.json`文件,打开该文件。 2. 在`manifest.json`文件中,找到`"app-plus"`字段,如果没有则手动添加该字段。 3. 在`"app-plus"`字段下添加一个`"shortcutCustomize"`字段,该字段用于定义徽标自定义配置。 4. 在`"shortcutCustomize"`字段下添加一个`"icons"`字段,该字段用于定义不同状态下的徽标图标。 5. 在`"icons"`字段中,可以定义多个不同状态下的徽标图标,每个徽标图标都需要包含以下字段: - `"type"`:徽标类型,可以是`"static"`(静态徽标)或者`"number"`(数字徽标)。 - `"badge"`:徽标显示的内容,可以是一个字符串或者数字。 - `"backgroundColor"`:徽标背景颜色,可以是一个十六进制颜色值。 - `"textColor"`:徽标文字颜色,可以是一个十六进制颜色值。 - `"borderColor"`:徽标边框颜色,可以是一个十六进制颜色值。 以下是一个示例的`manifest.json`文件中徽标自定义配置: ```json { "app-plus": { "shortcutCustomize": { "icons": [ { "type": "static", "badge": "New", "backgroundColor": "#ff0000", "textColor": "#ffffff", "borderColor": "#000000" }, { "type": "number", "badge": 10, "backgroundColor": "#00ff00", "textColor": "#000000", "borderColor": "#ffffff" } ] } } } ``` 通过以上配置,你可以定义不同状态下的徽标图标,并设置徽标的显示内容、背景颜色、文字颜色和边框颜色。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值