micro-app【微前端系列教程】禁用样式隔离

server/2025/1/11 6:13:51/

全局禁用样式隔离

所有应用的样式隔离都会停止

import microApp from '@micro-zoe/micro-app'microApp.start({disableScopecss: true, // 默认值false
})

指定子应用取消禁用样式隔离

<micro-app name='xx' url='xx' disableScopecss='false'></micro-app>

指定子应用禁用样式隔离

<micro-app name='xx' url='xx' disableScopecss  disable-scopecss></micro-app>

指定文件禁用样式隔离

/*! scopecss-disable */
.test1 {color: red;
}
/*! scopecss-enable */

对指定的选择器禁用样式隔离

/*! scopecss-disable .test1, .test2 */
.test1 {color: red;
}
.test2 {color: yellow;
}
.test3 {color: green;
}
/*! scopecss-enable */

在整个文件范围内禁用样式隔离

/*! scopecss-disable */
...

指定行禁用样式隔离

/*! scopecss-disable-next-line */
.test1 {color: red;
}.test2 {/*! scopecss-disable-next-line */background: url(/test.png);
}

http://www.ppmy.cn/server/157389.html

相关文章

Spring Boot3 配合ProxySQL实现对 MySQL 主从同步的读写分离和负载均衡

将 ProxySQL 配合 Spring Boot 使用&#xff0c;主要的目的是在 Spring Boot 应用程序中实现对 MySQL 主从同步的读写分离和负载均衡。这样&#xff0c;你可以利用 ProxySQL 自动将写操作路由到主库&#xff0c;而将读操作路由到从库。 1. 准备工作 确保你的 MySQL 主从同步环…

PHP民宿酒店预订系统小程序源码

&#x1f3e1;民宿酒店预订系统 基于ThinkPHPuniappuView框架精心构建的多门店民宿酒店预订管理系统&#xff0c;能够迅速为您搭建起专属的、功能全面且操作便捷的民宿酒店预订小程序。 该系统不仅涵盖了预订、退房、WIFI连接、用户反馈、周边信息展示等核心功能&#xff0c;更…

机器人避障不再“智障”:HEIGHT——拥挤复杂环境下机器人导航的新架构

导读&#xff1a; 由于环境中静态障碍物和动态障碍物的约束&#xff0c;机器人在密集且交互复杂的人群中导航&#xff0c;往往面临碰撞与延迟等安全与效率问题。举个简单的例子&#xff0c;商城和车站中的送餐机器人往往在人流量较大时就会停在原地无法运作&#xff0c;因为它不…

intra-mart配置多数据源与查询SQL样例

一、前言 intra_mart框架是一种基于Java语言的企业级应用开发框架。配备有标准工作流、文档管理、企业内部门户等可开发组件&#xff0c; 能够融合顾客实际业务&#xff0c;按需求进行自定义开发&#xff0c;实现短期间、低成本的系统构筑。 个人感觉主要是供企业管理使用的框…

【Flink】flink或java异常日志输出不完整问题解决

flink或java异常日志输出不完整问题解决 1.问题 flink submit job&#xff0c;报错查看日志&#xff0c;只有Caused by: java.lang.ClassCastException&#xff0c;异常详情没有&#xff0c; 2.网上参考 参考了网上的几个解决方案&#xff0c;比较精准的如下&#xff1a; https…

Objective-C 是一种面向对象的编程语言

Objective-C 是一种面向对象的编程语言,主要用于苹果公司的操作系统 iOS 和 macOS 的开发。以下是关于 Objective-C 的介绍: 一、历史与发展 Objective-C 是在 20 世纪 80 年代初由 Brad Cox 和 Tom Love 开发的。它是 C 语言的超集,添加了面向对象编程的特性。Objective-…

特制一个自己的UI库,只用CSS、图标、emoji图 日后慢用!!!

图片&#xff1a; emoji图标库 --emoji.html <!DOCTYPE html> <html lang"zh-CN"> <head><meta charset"UTF-8"><meta name"viewport" content"widthdevice-width, initial-scale1.0"><title>Emo…

案例解读 | 香港某多元化综合金融企业基础监控+网管平台建设实践

PART01 项目背景 01客户简介案例客户是一家创立20多年的香港某多元化综合金融企业&#xff0c;其业务范围涵盖证券、期货、资产管理、财富管理等&#xff0c;凭借广泛的业务网络和多元化的金融服务产品&#xff0c;在市场中拥有显著的影响力。02痛点分析随着业务版图的持续拓展…