随手记:微信小程序穿透组件样式穿不过去,样式隔离

news/2024/12/23 3:39:52 标签: 微信小程序, 小程序

背景:

所有的display居中都给了,但是icon还是掉下来的感觉

排查原因发现,是image组件需要display: block

但是样式穿透一直穿透不过去

最终以下方法解决

加入代码穿透生效

styleIsolation可选参数

isolated  组件和调用页面相互不会影响
apply-shared 调用页面样式会影响到组件,但组件的样式不会影响到调用页面
shared 组件和页面的样式会相互影响
page-isolated 表示在这个页面禁用 app.wxss ,同时,页面的 wxss 不会影响到其他自定义组件;
page-apply-shared 表示在这个页面禁用 app.wxss ,同时,页面 wxss 样式不会影响到其他自定义组件,但设为 shared 的自定义组件会影响到页面;
page-shared 表示在这个页面禁用 app.wxss ,同时,页面 wxss 样式会影响到其他设为 apply-shared 或 shared 的自定义组件,也会受到设为 shared 的自定义组件的影响。

再穿透:

最后成功:


http://www.niftyadmin.cn/n/5796286.html

相关文章

【开源免费】基于Vue和SpringBoot的酒店客房管理系统(附论文)

本文项目编号 T 099 ,文末自助获取源码 \color{red}{T099,文末自助获取源码} T099,文末自助获取源码 目录 一、系统介绍二、数据库设计三、配套教程3.1 启动教程3.2 讲解视频3.3 二次开发教程 四、功能截图五、文案资料5.1 选题背景5.2 国内…

Fastjson <= 1.2.47 反序列化漏洞复现

0x01 前言 Fastjson 是一个 Java 语言编写的高性能功能完善的 JSON 库&#xff0c;可以将 Java 对象转换为 JSON 格式&#xff0c;也可以将 JSON 字符串转换为 Java 对象&#xff0c;在中国和美国使用较为广泛。 0x02 漏洞成因 Fastjson < 1.2.68 版本在处理反序列化对象时…

GO--堆(have TODO)

堆 堆&#xff08;Heap&#xff09;是一种特殊的数据结构。它是一棵完全二叉树&#xff08;完全二叉树是指除了最后一层外&#xff0c;每一层上的节点数都是满的&#xff0c;并且最后一层的节点都集中在左边&#xff09;&#xff0c;结放在数组&#xff08;切片&#xff09;中…

安卓native层抓trace

trace命令&#xff1a; perfetto --time 20s --buffer 512mb gfx view input webview wm am sm audio video camera hal dalvik res rs bionic pm ss database network disk sched freq idle binder_lock binder_driver gpu_mem/gpu_mem_total skia --out /data/misc/perfetto…

理解 sudo source 命令失败的原因 ubuntu20.04

理解 sudo source 命令失败的原因 在Ubuntu 20.04系统中使用ROS&#xff08;Robot Operating System&#xff09;时&#xff0c;您可能会遇到如下错误信息&#xff1a; lyblyb:~$ source ~/pointcloudmap_ws/devel/setup.bash lyblyb:~$ sudo source .bashrc sudo: source&a…

工业大数据分析算法实战-day11

文章目录 day11信号处理算法FT算法&#xff08;傅里叶变换&#xff09;时频分析STFT&#xff08;短时傅里叶变换&#xff09;Gabor算法小波变换WVD&#xff08;Wigner-Ville分布&#xff09;故障诊断中常用的时频特征变量 时序变换独立成分分析&#xff08;ICA&#xff09;慢特…

Magento2项目部署笔记

一.去获取Adobe Commerce的个人秘钥 Adobe Commerce Extensions & Themes for Your Online Store | Marketplace 这个个人秘钥不收费&#xff0c;用于作为下载Magento2源代码的凭证 二. 检查Magento2最新版本 以及最新版本对应的环境要求 System requirements | Adobe Comm…

Python爬虫抓取数据,有哪些常见的问题?

使用Python爬虫抓取数据时&#xff0c;可能会遇到多种常见的问题。以下是一些典型的问题及其可能的解决方案&#xff1a; 1. 网络请求问题 超时&#xff1a;请求超时可能是因为网络延迟或服务器响应慢。可以通过设置合理的超时时间来解决。连接错误&#xff1a;如DNS解析失败…