uniapp组件样式运行至小程序失效

文章目录

一、uniapp样式穿透打包运行至微信小程序失效

组件样式隔离文章参考

解决方案

js 复制代码
  options: {
    styleIsolation: "shared",
  },

这个配置项改变了小程序组件的样式隔离模式,使得组件的样式能够共享和继承。微信小程序中,组件默认是隔离的,父组件的样式不会自动作用到子组件中。styleIsolation 属性提供了控制组件样式隔离的几种模式

styleIsolation 的选项说明

  1. isolated(默认)
    每个组件的样式都是独立的,父组件样式不会影响子组件,子组件样式也不会影响父组件。
  2. apply-shared
    允许子组件接受父组件的样式(向下穿透),但子组件的样式不会影响父组件(单向穿透)。
  3. shared
    允许父组件和子组件之间的样式共享,样式可以相互影响(双向穿透)。

相关推荐
zhulangfly7 小时前
Wux weapp 组件库的 bug—— wux-picker选择器组件无法正确初始化到选定的value
小程序·wux weapp
兔C8 小时前
微信小程序的轮播图学习报告
学习·微信小程序·小程序
用户48062260414159 小时前
使用uniapp开发微信小程序-框架搭建
微信小程序·uni-app
Cc_Debugger9 小时前
小程序将对象通过url传递到下个页面
小程序
低代码布道师10 小时前
从用户视角出发:用例图分析家政预约小程序
低代码·小程序
说私域10 小时前
社交媒体形象打造中的“号设化”与开源AI智能名片商城小程序的应用
人工智能·小程序·媒体
TttHhhYy11 小时前
uniapp+vue开发app,蓝牙连接,蓝牙接收文件保存到手机特定文件夹,从手机特定目录(可自定义),读取文件内容,这篇首先说如何读取,手机目录如何寻找
开发语言·前端·javascript·vue.js·uni-app
Funky_oaNiu11 小时前
uniapp实现按钮防重复点击(防抖)完整解决方案
uni-app
原克技术12 小时前
uniapp验证码
uni-app
美美的海顿14 小时前
spring boot 火车售票微信小程序LW
spring boot·后端·微信小程序·小程序·毕业设计