当前位置: 首页 > 网络应用技术

多平台快速开发的UI框架

时间:2023-03-07 21:42:04 网络应用技术

  本文主要介绍如何在开源字节中使用和计划样式文件。

  默认情况下,少少用作预处理语言。建议在使用或遇到疑问之前了解较少的相关特征。

  下面,插件的样式已在app.vue/main.js中介绍了全局。您可以直接使用它

  该项目引用了UVIEW,可以看到指定的文件指令。

  在全球样式中,我们通过SCSS提供相应的颜色变量名称,因此您可以在任何可以编写CSS的地方调用这些变量,如下:

  提醒

  Uni.scss文件的使用是为了促进整体控制应用程序的样式。例如,按钮颜色和边框样式,Uni.scss文件预设了一批SCSS变量预设。

  uni.scss的文件将通过全局注入所有文件,因此您可以直接使用变量,而无需手动介绍变量,而无需手动介绍

  Uni-App中使用了官方扩展插件和插件市场(https://ext.dcloud.net.cn)上的许多三方插件。

  如果您是插件开发人员,建议您使用SCSS预处理,并在插件代码中直接使用这些变量(无呕吐文件),这很方便用户开发具有相同整体的应用程序构建块的样式。

  如果您是应用程序开发人员(插件用户),则可以自定义这些变量以自定义插件 - 主题并实现自定义主题功能

  以下是Uni.scss的相关变量:

  没有属性,默认值将被编译成全球样式,这可能会导致全局污染

  提醒

  在使用了调节后,父组件的模式将不会渗透到子模块中。但是,子组件的根节点将受到同一时间的范围的css和scoped css的影响。是允许父组件从布局的角度调整其子组件根元素的样式。

  有时我们可能想清楚地制定儿童组件规则。

  如果您希望选择器中的选择器以“更深的”作用,例如影响子类,则可以使用操作员。某些预处理程序(例如SASS)无法正确解析。在这种情况下,您可以使用或操作来替换它 -两者都是别名,也可以正常工作。

  如果重印,请指示来源:开源字节https://sourcebyte.cn/article/116.html

  原始:https://juejin.cn/post/7094076129824866340