uni-app 为什么nvue.css文件里都是空的

在uni-app项目中，nvue 文件是用于编写 Vue.js 风格的原生渲染页面的，通常用于需要高性能的场景，比如列表滚动、动画等。nvue 页面使用的是 Weex 渲染引擎，与常规的 Vue 页面（使用 H5+ 渲染引擎）在样式和行为上有所不同。

nvue.css 文件通常为空，这是因为 nvue 页面不支持常规的 CSS 语法，而是使用 Weex 提供的样式系统，该系统是基于 Flexbox 布局的，并且与标准的 CSS 有一些差异。在 nvue 中，样式通常直接在 .nvue 文件的 <style> 标签内或通过内联样式来定义。

以下是一个简单的 nvue 页面示例，展示了如何在 .nvue 文件中定义样式：

<template>
  <div class="container">
    <text class="title">Hello, uni-app with nvue!</text>
    <div class="button-container">
      <button class="button" @click="handleClick">Click Me</button>
    </div>
  </div>
</template>

<script>
export default {
  methods: {
    handleClick() {
      console.log('Button clicked!');
    }
  }
}
</script>

<style>
.container {
  flex: 1;
  justify-content: center;
  align-items: center;
  background-color: #f5f5f5;
}

.title {
  font-size: 24px;
  color: #333;
  margin-bottom: 20px;
}

.button-container {
  width: 200px;
  height: 50px;
  justify-content: center;
  align-items: center;
}

.button {
  width: 100%;
  height: 100%;
  background-color: #007aff;
  color: #fff;
  text-align: center;
  line-height: 50px;
  border-radius: 5px;
}
</style>

在上面的示例中，样式直接定义在 .nvue 文件的 <style> 标签内，使用了 Weex 支持的 Flexbox 布局属性。

由于 nvue 使用的渲染引擎与常规的 Web 渲染引擎不同，因此一些 CSS 特性在 nvue 中可能不受支持或表现不同。例如，nvue 不支持 CSS 动画、伪元素等高级特性。因此，在开发 nvue 页面时，建议查阅 uni-app 官方文档 或 Weex 官方文档，以了解支持的样式属性和布局方式。