uniapp h5 微信打开双标题处理

uniapp h5 在微信内打开双标题的问题解决办法在page.json文件下将 globalStyle 下的 navigationStyle 设置为 “custom” 即可解决微信H5双标题的问题{"easycom": {"^u-(.*)": "@/uview-ui/components/u-$1/u-$1.vue"},"pages": [{"path": "pages/index/index"

万能螺丝刀1

7505人浏览 · 2021-07-16 09:40:04

万能螺丝刀1 · 2021-07-16 09:40:04 发布

uniapp h5 在微信内打开双标题的问题

解决办法

在page.json文件下将 globalStyle 下的 navigationStyle 设置为 “custom” 即可解决微信H5双标题的问题

{
    "easycom": {
        "^u-(.*)": "@/uview-ui/components/u-$1/u-$1.vue"
    },
	"pages": [
		{
			"path": "pages/index/index",
			"style": {
				"navigationBarTitleText": "首页"
			}
		}
    ],
	"globalStyle": {
        "navigationStyle": "custom", // 设置成 custom 即可解决微信H5双标题的问题
		"navigationBarTextStyle": "black",
		"navigationBarTitleText": "uni-app",
		"navigationBarBackgroundColor": "#F8F8F8",
		"backgroundColor": "#F8F8F8",
        "rpxCalcMaxDeviceWidth": 9999
	}
}

uniapp官方文档地址

uniapp官方文档地址：https://uniapp.dcloud.io/collocation/pages?id=globalstyle
在这里插入图片描述

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^