uniapp 给自定义组件或uview等ui组件加class样式或修改样式在微信小程序不生效的情况

2023-11-17

原因:

首先不论是自定义组件还是ui组件,本质上的原因都是微信小程序默认的组件隔离策略导致的。
微信小程序组件隔离文档参考

下面根据不同情况的解决方法:

1.在原有class上修改样式

比如我在uview radio 单选组件的原有class(.u-radio ) ,修改样式出现不生效的情况

.u-radio {
		margin-right: 25px;
	}

解决:
加上 ::v-deep 即可

::v-deep .u-radio {
		margin-right: 25px;
	}

2.增加class

比如我在uview radio 单选组件加了一个新的class (myClass) 出现不生效的情况

.myClass {
		margin-right: 25px;
	}

解决:
在要修改样式的组件内,data 同级的地方加个微信小程序的配置即可

options: {
			styleIsolation: 'shared', // 解除样式隔离
		}

在这里插入图片描述

3.行内样式(可正常生效)

  • 组件内有通过属性接受样式(正常)
  • 直接通过原生style属性更改的情况(正常)
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

uniapp 给自定义组件或uview等ui组件加class样式或修改样式在微信小程序不生效的情况 的相关文章

  • Flink常用算子总结

    Streaming 算子 Map 将元素处理转换 再输出 map算子对一个DataStream中的每个元素使用用户自定义的Mapper函数进行处理 每个输入元素对应一个输出元素 最终整个数据流被转换成一个新的DataStream 输出的数据
  • 2020年黑苹果硬件配置推荐

    前言 黑苹果硬件配置推荐是一件众口难调的事情 但是为了更多的苹果Mac爱好者能够早日开心顺利的使用上macOS系统 mac996站长还是会200 的努力做好这件事情 也请大家大家多给一些支持和鼓励 注 本文仅针对黑苹果台式机做硬件推荐 不涉
  • 协同过滤算法的一些报错及python函数学习

    文章目录 1 cannot import name jaccard similarity score 2 DataFrame object has no attribute dtype 3 sort values 4 sort index

随机推荐

  • 2023前端面试题及答案整理(JS笔试题)

    JS笔试题 JS类型相关 typeof 没定义的变量会报错吗 typeof let定义了的呢 未声明的变量使用 typeof 返回字符串 undefined typeof 一个 let 定义的变量会因为暂时性死区报错 前提 let cons
  • go语言面试题

    文章目录 1 下面这段代码输出什么 2 下面代码输出什么 3 同级文件的包名不允许有多个 是否正确 4 下面的代码有什么问题 请说明 1 下面这段代码输出什么 func main count 0 for i range 256 struct
  • webpack 学习笔记(二) 打包 AMD模块时 js路径错误

    在使用webpack打包模块的时候遇到的问题 各种百度一直无法解决这个问题 真的对新手太不友好了 webpack 作为 一个模块打包工具 它可以将AMD CMD CommonJs ES6 模块都进行打包 这里推荐一个讲解模块比较详细的博客
  • 华为机考108题(c++)(1-16)

    HJ1 字符串最后一个单词的长度 描述 计算字符串最后一个单词的长度 单词以空格隔开 字符串长度小于5000 注 字符串末尾不以空格为结尾 输入描述 输入一行 代表要计算的字符串 非空 长度小于5000 输出描述 输出一个整数 表示输入字符
  • C语言算法--冒泡排序

    C语言算法 冒泡排序 1 什么是冒泡排序 冒泡排序是一种简单的排序算法 它通过比较相邻元素的大小 并根据需要交换它们的位置来排序数据 它的名称来自于越小的元素会慢慢 冒泡 到数组的开头 冒泡排序的基本思想是从数组的第一个元素开始 依次比较相
  • 修改本机localhost映射dns解析

    去C Windows System32 drivers etc目录下找到hosts文件 进入修改 最后一行添加127 0 0 1 空格 写自己的域名映射 增加后进入cmd命令行窗口输入ipconfig flushdns刷新dns解析 此后就
  • 开源微服务如何选型?Spring Cloud、Dubbo、gRPC、Istio 详细对比

    不论您是一名开发者 架构师 CTO 如果您曾深度参与在微服务开发中 那么相信您一定有过开源微服务框架或体系选型的疑问 Apache Dubbo Spring Cloud gRPC 以及 Service Mesh 体系产品如 Istio 到底
  • Vinted店铺为什么被封?如何应对?

    Vinted是一家在线二手交易平台 专门用于买卖衣物和时尚配件 自从2022年以来 Vinted也越来越向综合性跨境电商平台转变 细心的伙伴都会发现 近来Vinted这阵子封号确实很严重 感觉是风控变严格了 但是万变不离其宗 说到底封控还是
  • librdkafka编译及简单使用过程简介

    librdkafka 使用了 C 11 使用 VS2010 无法编译 需要使用更高版本的 VS 才能编译 我这里使用的是 VS2017 1 编译版本 编译环境 windows VS2017 openssl 版本 openssl 1 0 2t
  • VRTK——UI控制(点击按钮)

    1 Canvas必须带有VRTK UICanvas脚本 2 LeftControllerScriptAlias RightControllerScriptAlias必须有 VRTK ControllerEvents VRTK Pointer
  • 如何在 Python 和 Node.js 之间通信 JSON 数据?

    JSON 可以缩写为 JavaScript Object Notation 它是一个基于文本的文件 用于在编程语言中传输和存储数据 它由使用内置包即 JSON 的 python 编程语言支持 其文本以带引号的字符串格式给出 其中在大括号 中
  • git Bash上传本地项目到github

    首先登陆个人github账号新建一个仓库 新建好仓库后打开要上传的项目所在位置 右键文件夹 选择Git Bash Here 第一步 git init初始化 第二步 git add 添加到仓库 注 出现警告的话再输入一次 第三步 git co
  • 如何解决ImportError: cannot import name ‘BatchNormalization‘ from ‘keras.layers.normalization‘

    报错如下所示 其实就是版本的问题 改之前的代码 from keras layers normalization import BatchNormalization 改之后 from keras layers normalization ba
  • imx6ull驱动开发经验

    1 背景 imx6ull驱动开发基于正点原子的开发板 上面运行linux 4 1 15内核 根文件系统为ubuntu 16 05 5 LTS 2 加载驱动文件chrdevbase ko文件时 先使用depmod生成依赖文件时 提示无modu
  • 对利用Python爬取到的房价信息做数据可视化(附完整代码)

    大家好 我是带我去滑雪 每天教你一个小技巧 1 数据展示 本文利用Python爬取到的房价信息做数据可视化 爬取数据的文章见 利用Python爬取房价信息 附代码 用python爬取房价数据 带我去滑雪的博客 CSDN博客 所爬取的指标有小
  • PyQt4 精彩实例分析* 实例7 表格的使用

    制作统计软件时经常会使用表格将资料列出 或是通过表格进行资料的设置 在Qt中可以使用QTableWidget实现一个表格 本实例演示如何使用表格 并在表格中嵌入控件 如下图所示为 表格的使用 对话框 QTableWidget类提供了一个灵活
  • Leetcode面试题 17.13. 恢复空格——综合题:字典树+dp+倒序思想

    文章目录 引入 字典树 题解 引入 今天终于把面试题 17 13 恢复空格这道放着好久没做的题给做了 确实做这样一道题要拐很多弯 需要一定量的积累 题目就暂时不放出来了 拿到这道题的第一反应 我也确实想到了字典树 ps 刚才去翻了翻博客日志
  • mysql 启动报错See “systemctl status mysqld.service“ and “journalctl -xe“ for details mysql重启报错丢失pid文件

    问题如下2张截图 错误原因 一般是由于服务器强制关机导致pid文件丢失 这时候查看mysql的my cnf配置文件 查看mysqld pid的路径 检查路径对应文件夹是否存在 检查mysqld pid文件是否存在 解决办法 1 首先根据日志
  • license在线生成系统,无需执行复杂命令,仅需一步即可快速使用

    License在线授权系统 前言 作为一个软件供应商 卖一套系统给客户使用 为了防止客户破解或者延期使用等 证书授权就尤为重要 通过指定运行服务器的IP Mac地址 CPU序列号 主板序列号以及证书有效期来限制程序运行的条件 从而达到程序运
  • uniapp 给自定义组件或uview等ui组件加class样式或修改样式在微信小程序不生效的情况

    原因 首先不论是自定义组件还是ui组件 本质上的原因都是微信小程序默认的组件隔离策略导致的 微信小程序组件隔离文档参考 下面根据不同情况的解决方法 1 在原有class上修改样式 比如我在uview radio 单选组件的原有class u