monitor/src/App.vue

<template>
    <CameraList/>
  <!--    <n-config-provider :date-locale="dateZhCN" :locale="zhCN">-->
  <!--    <CameraItem-->
  <!--            name="测试球机视频"-->
  <!--            source="https://sf1-hscdn-tos.pstatp.com/obj/media-fe/xgplayer_doc_video/flv/xgplayer-demo-360p.flv"-->
  <!--    />-->
  <!--    </n-config-provider>-->
  <!--  source="/video/sms/34020000002020000001/flv/hls/34020000001320000011_34020000001320000011.flv"-->
  <!--            source="https://sf1-hscdn-tos.pstatp.com/obj/media-fe/xgplayer_doc_video/flv/xgplayer-demo-720p.flv"-->
  <!--  source="http://106.74.152.123:10000/sms/34020000002020000001/flv/hls/34020000001320000011_34020000001320000011.flv"-->
</template>

<script>
// import {NConfigProvider, zhCN,dateZhCN} from 'naive-ui'
import CameraList from "./components/CameraList.vue";
import CameraItem from "@/components/CameraItem.vue";
import {useTokenStore} from "@/store/token";
// import List from "./infinite-list-vue.umd.cjs";
export default {
    name: "App",
    computed: {
        zhCN() {
            return zhCN
        }
    },
    components: {
        CameraItem,
        CameraList,
    },
    mounted() {
        const tokenStore = useTokenStore();
        tokenStore.fetchToken();
    },
};
</script>

<style>
#app {
    background-color: #f6f6f6;
//width: 100vw; //height: 100vh;
}
</style>