[微信小程序知识点]自定义组件-拓展-外部样式类

使用组件时,组件使用者可以给组件传入css类名,通过传入的类名修改组件的样式 。

如果需要使用外部样式类修改组件的样式,在Component中需要用extemalClassess定义若干个外部样式类。

具体用法如下: 

 (1)在Components文件里创建custom06组件

(2)在app.json的“usinfComponents”配置项里面注册custom06组件

 

(3)在custom06.js里添加extemalClassess定义外部样式类。

 

 (4)在custom06.wxml使用该样式类

(5)在页面cart.wxml里面通过样式类绑定类名

 (7)在cart.scss里面通过类名设置样式

(8)展示样式如下

 

(9)注意事项:

 注意事项:在同一个节点上,如果存在外部样式类和普通样式类,如下:

 两个类的优先级是未定义的

 

 

建议:在使用外部样式类时,样式需要通过!important添加权重 

 

 

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/web/43736.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

EtherCAT ESI文件CRC32计算规则和方法

EtherCAT ESI文件CRC32计算规则和方法 EtherCAT ESI文件的CRC32计算遵循特定的规则,以确保设备描述的完整性。以下是详细的规则和计算步骤,以及C#实现示例: 计算规则 使用标准的CRC32多项式:0x04C11DB7初始值:0xFFF…

Python实现文件访问和加密GUI应用程序

Python实现文件访问和加密 简单的文本文件加密和解密的GUI应用程序,实现了一个简单的凯撒密码加密和解密算法 运行效果 1.实现UI界面 [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-yG28ajb1-1720676735133)(https://i-blog.csdnimg.…

免费SSL证书申请指南

申请免费SSL证书的步骤相对直接,以下是基于当前可用信息的简明指南,特别是针对一些热门的免费SSL证书提供商,下面以JoySSL证书商为例: 1、注册账号 打开JoySSL官网,注册并填写邀请码230920,获取免费证书与…

RK系列UST-OTG切换为HOST模式或DEVICE模式的两种方法(DTS修改和软件命令修改)

1、修改DTS dr_mode: tells Dual-Role USB controllers that we want to work on a particular mode. Valid arguments are “host”, “peripheral” and “otg”. In case this attribute isn’t passed via DT, USB DRD controllers should default to OTG. usb20_otg: usb…

浅谈三车平台车型对比功能实用奖-竞品分析

目录: 一、项目背景 二、竞品概述 三、竞品目标功能对比 3.1、车型对比入口位置 3.2、车型对比首页 3.3、添加/删除车型功能 3.4、选择车型后功能对比 3.5、配置对比的功能 四、总结 一、项目背景 在汽车购买过程中,消费者经常面临着选择困难&…

六、数据可视化—Echars(爬虫及数据可视化)

六、数据可视化—Echars(爬虫及数据可视化) Echarts应用 Echarts Echarts官网,很多图表等都是我们可以 https://echarts.apache.org/zh/index.html 是百度自己做的图表,后来用的人越来越多,捐给了orange组织&#xf…

【好生意】畅捷通好生意各版本之间的区别

【畅捷通好生意各版本区别】 随着产品线的增加,不同版本之间存在差异。 以下是针对自己使用、研究过程中的记录。 完善ing 功能普及版标准版采购运费分摊没有单独的采购费用分摊单,但是支持随单分摊。支持

企业如何挑选策划公司,这些标准你了解吗?

诚然,在这个竞争激烈的市场环境下,企业有时候就像是站在十字路口的旅人,面前摆着的是一条条花钱却未必能看见收益的道路。 这时候,找一家对的策划公司就很重要,这里分享一点个人多年经验,希望对你有所帮助…

【精简教程】VSCode 连接 Remix

初始化 Node.js 项目 yarn init v1.22.19安装 Remix yarn add remix-project/remixd -g⚠️ 此时如果直接敲 remix,显示找不到这个命令。 使用 Node.js 来直接执行 remixd.js 文件 node node_modules\remix-project\remixd\src\bin\remixd.js😄 连接上了…

安全极客团队荣获首届“矩阵杯”网络安全大赛人工智能挑战赛“三等奖”

近日,东半球规格高、规模大且奖金丰厚的网络安全顶级赛事——首届“矩阵杯”网络安全大赛在青岛国际会议中心圆满落幕。本次大赛设置了五大赛事,包括通用产品漏挖赛、国产软硬件安全检测赛、原创漏洞挖掘赛、人工智能(大模型)挑战…

【Linux】Windows平台使用gdb调试FFmpeg源码

FFmpeg是一个跨平台的多媒体库,有时需要在别的平台上进行开发和调试,记录一下在linux环境下使用gdb来调试FFmpeg源码的基本方式 1.可执行文件 在windows平台使用linux环境来调试FFmpeg源码,需要编译生成一个后缀有_g的exe文件,参…

HTTP中常见的状态码有哪些?

常用的包括以下几个: 200:表示客户端请求成功 201:请求成功,服务器创建了新资源。 204:无内容,服务器成功处理请求,但未返回任何内容。 206: 表示“部分内容”,当客户端请求一个资源的一部分时,…

YOLOv10部署教程,使用tensorRT部署,有转化和推理代码

YOLOv10部署教程,使用tensorRT部署,有转化和推理代码 一、使用平台1. 转化onnx模型转化trt模型模型推理全部的代码论文题目:YOLOv10: Real-Time End-to-End Object Detection 研究单位:清华大学 论文链接:http://arxiv.org/abs/2405.14458 代码链接:https://github.com/T…

每天一个数据分析题(四百二十三)- 置信区间

在给定的显著性水平下,某一特定的X水平上,总体Y分布的离散度越大,即σ^2越大,则 A. 预测区间越宽,精度越低 B. 预测区间越宽,预测误差越小 C. 预测区间越窄,精度越高 D. 预测区间越窄&#…

如何在idea安装git,使用gitee?

一、什么是git,git与gitee、GitHub的关系? 1.什么是git? Git 是一个开源的分布式版本控制系统,用于企业项目中程序员协同开发。 2.git与gitee、GitHub的关系是什么? git :Git是一种版本控制系统&#x…

看完这篇,你的服务设计能力将再次进化!

引言 在当今快速演变的技术场景中,服务设计不仅仅是遵循通用的设计规范和最佳实践的问题,它更深层次地触及到如何在满足这些标准的同时,确保服务能够灵活适应未来的变化、满足用户的期望。本篇文章旨在探讨在遵循通用设计规范之外&#xff0…

Three.js相机简明教程

相机校准是 3D 计算机图形学中的一个基本概念,涉及设置虚拟相机以模拟真实世界相机的视角和行为。在 Three.js(一种流行的 3D 渲染 JavaScript 库)中,了解相机校准对于创建逼真且身临其境的 3D 场景至关重要。在本文中&#xff0c…

UML类图的建立过程

1. 概念层类图 概念层的类图描述的是现实世界中对问题领域的概念理解,类图中表达的类与现实世界的问题领域中的实际事物有着明显的对应关系,类之间的关系也与问题领域中实际事物之间的关系有着明显的对应关系。在概念层类图阶段很少考虑或者几乎不需要考…

07-7.5.1 散列表的基本概念

👋 Hi, I’m Beast Cheng 👀 I’m interested in photography, hiking, landscape… 🌱 I’m currently learning python, javascript, kotlin… 📫 How to reach me --> 458290771qq.com 喜欢《数据结构》部分笔记的小伙伴可以…

指令v-el的作用是什么

在Vue.js的早期版本中(特别是Vue 1.x版本),v-el 指令被用来给元素注册引用信息(即DOM元素的引用)。这样,开发者就可以在Vue实例的方法中直接访问到这个DOM元素。然而,需要注意的是,从…