<template>
  <view>
    <cu-custom bgImage="/static/bg.png" :isBack="true">
      <template v-slot:content>
        系统信息
      </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">
          V-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";

const version = packageJson.version

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

</style>