.body { padding-top: calc(env(safe-area-inset-top) + var(--navigation-bar-height)); padding-right: env(safe-area-inset-right); padding-bottom: env(safe-area-inset-bottom); padding-left: env(safe-area-inset-left); } 上面的安全区设置在模拟器上不生效（真机可以），顶部填充高度总是少了状态栏的高度，导致部分顶部内容被导航条挡住了，想通过 postcss 插件 postcss-env-function 来给模拟器设置安全区环境变量的默认值，但不生效。 具体安装配置过程如下： 1、在 miniprogramRoot（./miniprogram）下执行以下命令来安装 postcss-env-function 插件 npm install postcss-env-function --save-dev {   "name": "miniprogram",   "version": "1.0.0",   "main": "index.js",   "scripts": {     "test": "echo \"Error: no test specified\" && exit 1"   },   "keywords": [],   "author": "",   "license": "ISC",   "description": "",   "dependencies": {     "@miniprogram-component-plus/tabs": "^1.0.0",     "miniprogram-computed": "^6.0.2",     "mobx-miniprogram": "^6.12.3",     "mobx-miniprogram-bindings": "^5.0.0",     "weui-miniprogram": "^1.5.6"   },   "devDependencies": {     "postcss-env-function": "^7.0.0"   } } 2、在项目根目录下创建 postcss.config.js 文件，并配置安全区环境变量 module.exports = {   plugins: {     "postcss-env-function": {       importFrom: {         environmentVariables: {           "safe-area-inset-top": "20px",         },       },     },   }, }; 3、打开开发者工具“本地设置”里的“上传代码时样式自动补全” 是不是调试的时候不会经过 postcss 处理阶段？

Component 不传递 behaviors 选项可以正确推断 this 对象的 TS 类型，但传递之后就不行了。比如下面的代码，如果删掉 behaviors 这一行，通过 this 来访问组件下的属性和方法就能得到类型提示，比如 this.data.form.data.nickname、this.loadData()，不过 behaviors 的属性和方法仍然还是不行。 Component({ behaviors: [commonBehavior, storeBehavior, formBehavior], data: { form: { data: { nickname: null, }, rules: [ { name: "nickname", rules: [{ required: true, message: "请输入昵称" }], }, ], }, }, lifetimes: { async attached() { await this.loadData(); }, }, methods: { async loadData() { const user = this.data.loginedUser; this.setFormData({ nickname: user!.nickname }); }, onTapClear() { this.setFormData({ nickname: null }); }, onSubmitForm(e) { // 如果是事件触发，需要先保存输入再提交 if (e) { this.onChangeInput(e); } this.validateForm({ success: async (data) => { const { nickname } = data; await userUpdate({ nickname }); this.updateLoginedUser(); wx.showToast({ title: "提交成功" }); wx.navigateBack(); }, }); }, }, });

formBehavior.js export default Behavior({ data: { formData: {}, formRules: [], formError: "", formLoading: false, }, methods: { setFormData(formData: Record) { this.setData({ formData }); }, setFormError(formError: string) { this.setData({ formError }); }, setFormLoading(formLoading: boolean) { this.setData({ formLoading }); }, submitForm( success?: (formData: Record) => void, fail?: (errors: Array<{ message: string }>) => void ) { }, }, }); page.js Page({ behaviors: [formBehavior], onSubmitForm() { // 消除混入的 Behavior 属性不存在的 TS 告警 (this as any).submitForm(async (formData: Record) => { }); }, }); 上面的代码中 Page 对象混入了 formBehavior，但在调用其方法 submitForm 时 TypeScript 告警“属性不存在”，只能通过 this as any 来强制隐藏。尝试过定义 formBehavior 的数据类型 FormBehaviorData 和方法类型 FormBehaviorMehtod，然后通过 TData 和 TMethod 范型参数传递给 Behavior，没有用，给页面指定范型参数 Page<FormBehaviorData & WechatMiniprogram.Page.DataOption, FormBehaviorMehtod & WechatMiniprogram.Page.CustomOption> 也不行。