baixingwenzheng-pc/src/App.vue

<script setup lang="ts">
	import Header from "@/components/Head.vue";
	import Footer from "@/components/Footer.vue";
	import {
		NConfigProvider,
		GlobalThemeOverrides
	} from 'naive-ui'

	const themeOverrides : GlobalThemeOverrides = {
		common: {
			"primaryColor": "#0051B1",
			"primaryColorHover": "#0051B1",
			"primaryColorPressed": "#0051B1",
			"primaryColorSuppl": "#0051B1",
			"successColor": "#0051B1",
			"successColorPressed": "#0051B1",
			"successColorSuppl": "#0051B1",
			"successColorHover": "#0051B1"
		}
	}
	// ...
</script>
<template>
  <n-message-provider>
  <n-config-provider :theme-overrides="themeOverrides">
		<div id="app" v-wechat-title="$route.meta.title">
			<Header></Header>
			<router-view></router-view>
			<Footer></Footer>
		</div>
	</n-config-provider>
  </n-message-provider>

</template>

<style>
.txt-1 {
  overflow: hidden;

  white-space: nowrap;

  text-overflow: ellipsis;

}
</style>