uni-app开发-第6篇：uni-app 样式与主题

uni-app开发-第6篇：uni-app 样式与主题

6.1 全局样式与局部样式

6.1.1 样式的优先级与继承

在 uni-app 中，样式分为全局样式和局部样式，它们的优先级和继承规则如下：

• 全局样式：在 App.vue 文件的 <style> 标签中定义的样式即为全局样式，会应用到整个应用的所有页面。

<template>
  <!-- 应用根组件模板 -->
</template>

<script>
export default {
  // 应用根组件逻辑
};
</script>

<style>
/* 全局样式 */
body {
  font-family: Arial, sans-serif;
  color: #333;
}

• 局部样式：在每个 .vue 页面文件的 <style> 标签中定义的样式是局部样式，仅对当前页面生效。如果使用了 scoped 属性，样式将被限制在当前组