Skip to content

原子化css样式隔离bug #1642

@Shana-AE

Description

@Shana-AE

问题描述

问题的具体描述

原子化css的jit写法被micro-app样式隔离成错误的代码

复现步骤

  1. unocss原始: class="grid-cols-[repeat(auto-fit,minmax(172px,1fr))]"
  2. unocss编译后:.grid-cols-[repeat(auto-fit,minmax(172px,1fr))]{grid-template-columns:repeat(auto-fit,minmax(172px,1fr));}
  3. micro-app样式隔离后:micro-app[name=next] .grid-cols-[repeat(auto-fit,micro-app[name=next] minmax(172px,micro-app[name=next] 1fr))]{grid-template-columns:repeat(auto-fit,minmax(172px,1fr));}

上传截图

请上传代码截图、控制台、终端等截图以帮助我们了解您的问题。

复现仓库

请提供一个精简的代码仓库,然后上传到自己的 github,以帮助我们复现您的问题。

环境信息

  • micro-app版本:1.0.0-rc.26
  • 主应用前端框架&版本:vue2.7.16
  • 子应用前端框架&版本: vue3.5.21 + unocss 66.5.1
  • 构建工具&版本:vite7.16

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions