当前位置: 首页 > article >正文

[小程序开发] 外部样式类

一、外部样式类

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

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

二、使用步骤

        1、在Component中用externalClasses定义段定义若干个外部样式类。

Component({
    // 通过外部样式类修改组件样式
    // 组件接受的外部样式类
    externalClasses:['extend-class']

})

        2、自定义组件标签通过属性绑定的方式提供一个样式类,属性是externalClasses定义的元素,属性值是传递的类名。

<!-- 外部样式类 -->
<!-- 属性是在extendClass中定义的元素,属性值必须是一个类名 -->
<custom extend-class="my-class" />
.my-class{
	color: lightsalmon;
}

        3、将接受到的样式类用于自定义组件的内部

<view class="extend-class">通过外部样式类修改组件的样式</view>

在同一个节点上,如果存在外部样式类和普通的样式类,两个类的优先级是未定义的,在使用外部样式类时,样式需要通过!important添加权重 。


http://www.kler.cn/news/273642.html

相关文章:

  • Java安装及环境配置详细教程
  • 2024年敏捷产品负责人CSPO认证培训
  • 深度学习实战模拟——softmax回归(图像识别并分类)
  • Java进阶 Maven基础
  • H5页面兼容offsetTop
  • uniapp+vue3+setup语法糖开发微信小程序时不能定义globalData的解决方法
  • vue3 计算属性(computed)和监听属性(watch)的异同
  • 租一个阿里云的服务器多少钱?30元、61元、99元、165元、199元
  • 机器学习复习(9)——自定义dataset
  • Linux 文件系统:文件描述符、管理文件
  • vue3.x 使用jsplumb进行多列拖拽连线
  • C++ cin标准输入流,及获取多个输入的方法
  • Springboot整合支付宝沙箱支付
  • 移动云COCA架构实现算力跃升,探索人工智能新未来
  • 【C语言】空心正方形图案
  • 【开发】SpringBoot 整合 Redis
  • 自然辩证法
  • bootstrap表格API文档
  • 【Linux】用三种广义进程状态 来理解Linux的进程状态(12)
  • GPT-SoVITS语音合成服务器部署,可远程访问(全部代码和详细部署步骤)
  • 海康、新华三、银江股份、大华等知名企业集结亮相“杭州安防展”
  • 杂记8---多线激光雷达与相机外参标定
  • java项目打包(maven+原生)
  • LeetCode108 将有序数组转换为二叉搜索树
  • 云原生(四)、Docker-Compose
  • js复制内容到剪贴板实现复制粘贴功能
  • git tag标签使用
  • 从底层结构开始学习FPGA(0)----FPGA的硬件架构层次(BEL Site Tile FSR SLR Device)
  • MySQL 锁机制
  • Pytorch常用的函数(七)空洞卷积详解