微信小程序组件样式隔离

news/2024/7/20 1:32:51 标签: 微信小程序, 小程序
Component({
  options: {
    styleIsolation: 'isolated'
  }
})

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/740778.html

相关文章

vue cli4 给文件夹取别名

1.在根目录创建vue.config.js配置文件 添加代码,注意文件夹名不要写错 const path require(path);function resolve(dir) {return path.join(__dirname, dir) }module.exports {publicPath: ./,chainWebpack: config > {config.resolve.alias.set(img,resolv…

mac版 google浏览器安装vue-devtools 插件

1.下载地址 https://gitcode.net/mirrors/vuejs/vue-devtools/-/tree/master 解压得到 2.使用终端进入到文件夹目录内,可以打出cd,然后将文件夹拖入进去,按回车进入 3.查看镜像 cnpm config get registry 如果不是淘宝镜像,更换为淘宝镜像…

vue写购物车点击加减数量,计步器组件

1.可以直接复制代码使用&#xff0c;count.vue组件代码 <template><div class"count"><span class"reduce" click"reduce"></span><input type"number" v-model"num" change"change"…

Mac版eclipse 2022使用javaFx开发项目,环境搭建

1.下载eclipse&#xff0c;下载地址&#xff1a;​​​​​​https://www.eclipse.org/downloads/ 2.下载jdk 下载地址 &#xff1a;https://www.oracle.com/java/technologies/downloads/#jdk17-mac 3. 安装eclipse &#xff08;一&#xff09;选择安装java开发版 &#xff…

mac安装tp6操作步骤

必要条件&#xff1a;PHP版本必须大于> 7.1.0 1.安装 Composer sudo curl -sS https://getcomposer.org/installer | php 安装结果&#xff1a; Composer (version 2.5.1) successfully installed to: /Users/zaixianglong/composer.phar Use it: php composer.phar 2…

更换掉mac自带PHP,并配置Apache

1.使用Brew下载php brew install php7.4 执行命令后在控制台可以看到添加环境变量的参数 echo export PATH"/usr/local/opt/php7.4/bin:$PATH" >> /Users/admin/.bash_profile echo export PATH"/usr/local/opt/php7.4/sbin:$PATH" >> /User…

mac本地安装PHP redis扩展

1.下载redisphp扩展 https://pecl.php.net/package/redis 2.将下载好的文件解压后改名为redis&#xff0c;移动到/usr/local/目录内 3.使用终端进入该文件夹 cd /usr/local/redis 4.执行phpize命令 sudo phpize 5.执行命令生成安装文件 ./configure --with-php-config/usr/lo…

史宾格安全及隐私合规平台真是垃圾

昨天应用突然被下架。收到史宾格安全及隐私合规平台的检测报告 1.APP业务功能所需的权限最好在对应业务功能执行时动态申请&#xff0c;在用户未触发相关业务功能时&#xff0c;不提前申请与当前业务功能无关的权限。 场景1&#xff1a;APP首次启动时&#xff0c;向用户索取电…