3

所以我有一个基本的 Vue Native 应用程序，其中有几个由 StackNavigator 管理的屏幕。

我的 App.vue 文件如下所示：

<template>
    <app-navigator></app-navigator>
</template>

<script>
import {
  createAppContainer,
  createStackNavigator,
} from "vue-native-router";

import Login from './screens/Login.vue';
import Register from './screens/Register.vue';
import HomeScreen from "./screens/HomeScreen.vue";
import DetailsScreen from "./screens/DetailsScreen.vue";
import UserDetails from "./screens/UserDetails.vue";
import CarHistory from "./screens/CarHistory.vue";

const StackNavigator = createStackNavigator(
  {
    Home:         HomeScreen,
    Details:      DetailsScreen,
    Login:        Login,
    Register:     Register,
    UserDetails:  UserDetails,
    CarHistory:   CarHistory,
  },
  {
    initialRouteName: 'Login',
    // initialRouteName: 'CarHistory',
    defaultNavigationOptions: {
      headerStyle: {
        display: 'none',
      },
    },
  },
);

const AppNavigator = createAppContainer(StackNavigator);

export default {
  components: { AppNavigator },
  data: function() {
      return {

      }
  },
}
</script>

<style>

</style>

我想要实现的是以某种方式创建一个文件，甚至在 App.vue 文件的 Style 属性中编写样式，但使其全局应用 - 在应用程序的每个模板/屏幕上。

这甚至可能还是……？

编辑：我尝试在 App.vue 文件的属性中键入样式，但它不适用于 App.vue 之外的任何其他地方。

4

1 回答 1

1

我知道的唯一方法是在 vue 组件的脚本部分中编写样式，而不是在样式标签中，并像这样应用它：

<view :style='styleobj.styleClass'></view>

因此，您可以创建带有变量的 javascript 文件并将其手动导入每个组件，或全局导入到 Vue.prototype。

于 2021-02-21T14:21:11.733 回答