<template>
	<page-meta :page-font-size="fontValue+'px'" :root-font-size="fontValue+'px'"></page-meta>
  <view>
    <cu-custom bgImage="/static/bg.png" :isBack="true">
      <template v-slot:content>
        <text class="text-black">系统信息</text>
      </template>
    </cu-custom>
    <view class="cu-list menu menu-margin">
      <view class="cu-item" >
        <view class="content">
          <text class="cuIcon-mail text-cyan"></text>
          <text class="text-grey">名称</text>
        </view>
        <view class="action text-grey">
          AI-IM
        </view>
      </view>
      <view class="cu-item" >
        <view class="content">
          <text class="cuIcon-home text-cyan"></text>
          <text class="text-grey">主机</text>
        </view>
        <view class="action text-grey">
          {{ host }}
        </view>
      </view>
      <view class="cu-item" >
        <view class="content">
          <text class="cuIcon-present text-cyan"></text>
          <text class="text-grey">版本</text>
        </view>
        <view class="action text-grey">
          {{ version }}
        </view>
      </view>
    </view>
  </view>
</template>
<script setup lang='ts'>
import CuCustom from '@/colorui/components/cu-custom.vue'
import packageJson from '@/package.json'
import VimConfig from "@/config/VimConfig";
import {ref} from "vue";
import Auth from "@/api/Auth";
const fontValue=ref(Auth.getfontSize());

const version = packageJson.version

const host = VimConfig.host
</script>
<style scoped>

</style>