微信小程序——组件间的样式

news/2024/7/20 3:50:15 标签: 微信小程序, javascript, 小程序

组件样式隔离

默认情况下,自定义组件(子组件)的样式只受自身组件wxss样式影响
在这里插入图片描述
在组件内设置自定义组件的字体颜色为红色
在这里插入图片描述
字体颜色没有改变
在这里插入图片描述
想要改变的话再要自定义组件的js文件内加上

javascript">  options: {
    addGlobalClass: true,
  },

在这里插入图片描述

外部样式类

javascript">/* 组件 custom-component.js */
Component({
  externalClasses: ['my-class']
})

在这里插入图片描述


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

相关文章

微信小程序----组件事件通信

组件间通信与事件 组件间的基本通信方式有以下几种。 WXML 数据绑定:用于父组件向子组件的指定属性设置数据,仅能设置 JSON 兼容数据(自基础库版本 2.0.9 开始,还可以在数据中包含函数)。 事件:用于子组件…

微信小程序behaviors

behaviors类似于vue中的混入“mixins” // my-component.js var myBehavior require(my-behavior) Component({behaviors: [myBehavior],})// my-behavior.jsmodule.exports Behavior({behaviors: [],properties: { },data: myBehaviorData: my-behavior-data},created: fu…

微信小程序触底加载

data: {page:1 // 声明页数},//触底onReachBottom: function () {this.setData({//改变页码page: this.data.page1,})this.getGoods()},getGoods(){request1({ url: "接口地址",data: { page:this.data.page,pageSize:20 }}).then(result > {this.setData({// 与之…

安卓软键盘盖住输入框bug

修改之前 修改之后 if (!this.terminal.android) {var oh document.documentElement.clientHeight || document.body.clientHeight; // 获取变化之前的可视区域的高度window.addEventListener(resize, function() {var rh document.documentElement.clientHeight || documen…

js ios和安卓的兼容时间处理

var curDate new Date(Date()).getTime();var beginDate new Date(‘2021 13:41:07’.replace(/\-/g, /)).getTime();var endDate new Date(‘2021 13:41:08’.replace(/\-/g, /)).getTime();if (curDate > beginDate && curDate < endDate) {this.startValidD…

javaScript 整数的各位积和之差

给你一个整数 n&#xff0c;请你帮忙计算并返回该整数「各位数字之积」与「各位数字之和」的差。 示例 1&#xff1a; 输入&#xff1a;n 234 输出&#xff1a;15 解释&#xff1a; 各位数之积 2 * 3 * 4 24 各位数之和 2 3 4 9 结果 24 - 9 15 来源&#xff1a;力扣&…

javaScript 1832. 判断句子是否为全字母句

全字母句 指包含英语字母表中每个字母至少一次的句子。 给你一个仅由小写英文字母组成的字符串 sentence &#xff0c;请你判断 sentence 是否为 全字母句 。 如果是&#xff0c;返回 true &#xff1b;否则&#xff0c;返回 false 。 示例 1&#xff1a; 输入&#xff1a;…

javaScript 1342. 将数字变成 0 的操作次数

给你一个非负整数 num &#xff0c;请你返回将它变成 0 所需要的步数。 如果当前数字是偶数&#xff0c;你需要把它除以 2 &#xff1b;否则&#xff0c;减去 1 。 示例 1&#xff1a; 输入&#xff1a;num 14 输出&#xff1a;6 解释&#xff1a; 步骤 1) 14 是偶数&#xff…