uni-app nvue页面中style样式写了不起作用解决方法

nvue中可用<view></view>也可用<div></div>，其中用flex布局，唯独显示文本的时候需要写在<text></text>中，而且只能用类选择器，需要改变文本的颜色字体需要写在text中，如下代码：

<template>

<view class="box">

<text class="nav-text">nvue样式</text>

</view>

<style>

.box{

      flex-direction: column;
        flex: 1;
        background-color: #f5f5f5;

}

.nav-text{

font-size:30upx;

color:red;

}

</style>