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

文章目录

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

组件样式隔离文章参考

解决方案

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

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

styleIsolation 的选项说明

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

相关推荐
apollo_qwe3 小时前
解决移动端键盘遮挡痛点
uni-app
说私域6 小时前
基于开源AI大模型、AI智能名片与商城小程序的购物中心“人货场车”全面数字化解决方案研究
人工智能·小程序·开源
计算机毕设指导69 小时前
基于微信小程序图像识别的智能垃圾分类系统【源码文末联系】
java·spring boot·mysql·微信小程序·小程序·分类·maven
lsyhaoshuai10 小时前
微信小程序开发实战:打造一款功能完善的随机决策工具--小转盘-拯救困难选择症
微信小程序·小程序·notepad++
项目題供诗11 小时前
微信小程序黑马优购(项目)(十)
微信小程序·小程序
计算机毕设指导611 小时前
基于Django的本地健康宝微信小程序系统【源码文末联系】
java·后端·python·mysql·微信小程序·小程序·django
说私域12 小时前
定制开发开源AI智能名片S2B2C商城小程序的产品经理职责与发展研究
人工智能·小程序·开源
脾气有点小暴21 小时前
scroll-view分页加载
前端·javascript·uni-app
脾气有点小暴1 天前
uniapp自定义头部导航
前端·uni-app
一 乐1 天前
健身房预约|基于springboot + vue健身房预约小程序系统(源码+数据库+文档)
java·数据库·vue.js·spring boot·后端·学习·小程序