uniapp页面css样式怎么设置不共享

在 UniApp 中，如果你希望某些页面的 CSS 样式不被其他页面共享，你可以采取以下几种方法：

1. **局部样式**：对于每个具体的页面组件，可以在该组件的 `style` 标签内编写独立的CSS规则，这些样式仅对该组件有效，不会影响到其他页面。

<view class="page-unique">
  <template>
    <!-- 页面内容 -->
  </template>
  <script>
    export default {
      // ...
      data() {
        return {
          // ...
        };
      },
      style scoped: [
        '.page-unique { /* 特定于这个页面的样式 */ }'
      ]
    }
  </script>
</view>

这里的关键是 `scoped` 属性，它告诉浏览器这些样式是作用域内的，不会穿透到父级元素或全局。

2. **CSS模块化**：UniApp 提供了预处理器如Less、Sass等，通过模块化的命名规则（比如`.page-unique .container {}`)，可以避免样式污染。然后在需要的地方引入对应的模块即可。

3. **隔离样式文件**：如果有多组页面有各自的样式需求，可以将它们分别放在单独的CSS文件中，并在需要的页面里引用这些文件，而不是在全局范围内引入。

import './styles/page-unique.css';