uni-app 支付宝小程序自定义组件默认styleIsolation为shared,而3.99.2023122704版本编译到支付宝默认为apply-shared,与支付宝官方默认表现不一致

uni-app 支付宝小程序自定义组件默认styleIsolation为shared,而3.99.2023122704版本编译到支付宝默认为apply-shared,与支付宝官方默认表现不一致

3 回复

更多关于uni-app 支付宝小程序自定义组件默认styleIsolation为shared,而3.99.2023122704版本编译到支付宝默认为apply-shared,与支付宝官方默认表现不一致的实战教程也可以访问 https://www.itying.com/category-93-b0.html


同样的问题

在 uni-app 中,自定义组件的样式隔离(styleIsolation)默认行为在不同平台和版本中可能会有所差异。根据你的描述,uni-app 在编译到支付宝小程序时,自定义组件的 styleIsolation 默认值为 apply-shared,而支付宝官方默认的表现是 shared。这可能会导致样式行为不一致的问题。

解决方案

  1. 手动设置 styleIsolation 你可以在自定义组件的配置中手动设置 styleIsolationshared,以确保与支付宝官方的默认行为一致。

    {
      "component": true,
      "styleIsolation": "shared"
    }
    
  2. 全局配置 如果你希望所有自定义组件都使用 shared,可以通过在 pages.json 中进行全局配置。

    {
      "globalStyle": {
        "styleIsolation": "shared"
      }
    }
回到顶部