抖音小程序基础之 如何使用内联样式 style和class(教程含源码)

时间:2022-07-26
本文章向大家介绍抖音小程序基础之 如何使用内联样式 style和class(教程含源码),主要内容包括其使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。

抖音小程序基础之 如何使用内联样式 style和class(教程含源码)

内联样式

框架组件上支持使用 style、class 属性来控制组件的样式。

  • style:静态的样式统一写到 class 中。style 接收动态的样式,在运行时会进行解析,请尽量避免将静态的样式写进 style 中,以免影响渲染速度。
<view style="color:{{color}};" />
  • class:用于指定样式规则,其属性值是样式规则中类选择器名(样式类名)的集合,样式类名不需要带上.,样式类名之间用空格分隔。
<view class="normal_view" />

系列文章


未经授权禁止转载


更多技术交流请加入QQ群

群名称:抖音小程序开发

群 号:491016707