分类： 支持与差异

模块支持

选择器支持

属性支持

类型支持列表

开启默认Block布局

在微信小程序的 Skyline 渲染模式下，节点默认使用 flex 布局。你可以通过以下配置，将其切换为默认的 block 布局。

在 app.json 或 page.json 中配置：

rendererOptions: {
  "skyline": {
    "defaultDisplayBlock": true,
  }
}

开启默认ContentBox盒模型

在微信小程序的 Skyline 渲染模式下，节点默认使用 border-box 盒模型。你可以通过以下配置，将其切换为默认的 content-box 盒模型。

在 app.json 或 page.json 中配置：

rendererOptions: {
  "skyline": {
    "defaultContentBox": true,
  }
}

开启tag选择器全局匹配

在微信小程序的 Skyline 渲染模式下，tag 选择器会遵循样式隔离机制，而 WebView 模式下则不受此约束。你可以通过配置 tagNameStyleIsolation: legacy 来对齐 WebView 的表现。如果指定 tagNameStyleIsolation: isolated，则会遵循样式隔离机制。

在 app.json 或 page.json 中配置：

rendererOptions: {
  "skyline": {
    "tagNameStyleIsolation": "legacy",
  }
}

开启scroll-view自动撑开

在微信小程序的 Skyline 渲染模式下，scroll-view 默认需要指定宽高才能撑开。你可以通过以下配置，将其切换为根据内容自动撑开。

在 app.json 或 page.json 中配置：

rendererOptions: {
  "skyline": {
    "enableScrollViewAutoSize": true,
  }
}

开启keyframe样式全局共享

在微信小程序的 Skyline 渲染模式下，@keyframe 规则会遵循样式隔离机制，而 WebView 模式下则不受此约束。你可以通过配置 tagNameStyleIsolation: legacy 来对齐 WebView 的表现。如果指定 tagNameStyleIsolation: isolated，则会遵循样式隔离机制。

在 app.json 或 page.json 中配置：

rendererOptions: {
  "skyline": {
    "keyframeStyleIsolation": "legacy",
  }
}